اكتب ما تود البحت عنه و اضغط Enter
معذرة، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة.

الاثنين، 13 نوفمبر 2017

اضافة تحميل المدونة عند الدخول الى المدونة بشكل أكثر من رائع





اضافة تحميل المدونة عند الدخول الى المدونة بشكل أكثر من رائع
كيفية اضافة خاصية تحميل المدونات بشكل رائع جدا ، اضافة رائعه جدا سوف تعجبك بكل تأكيد وسوف تساعدك فى جعل من مدونتك أكثر أحترافيه ، ما هى خاصية تحميل المدونات هى عبارة عن اضافة تظهر قبل تحميل قالب مدونتك لتجعل من قالب مدونتك يحمل بشكل طبيعى بدون اى اخطاء تظهر للزوار ، وهذا الأمر ما سوف يجعل من مدونتك تظهر بشكل رائع كل مرة يتم فتح مدونتك او تحديث صفحة بها.

وهذه الاضافة طلبها منى احد متابعى المدونة اليوم اضعها لكم جميع واى شخص يريد اى اضافة يضعها فى تعليق بأذن الله سوف اعمل عليها ،نمر الأن لموضوع اليوم.


كيفية اضافة خاصية تحميل المدونة بشكل خرافى جدا

معاينة وتحميل اكواد الإضافة

شرح التركيب
  • أولا سوف تبحث عن هذا الوسم ]]></b:skin> ثم تقوم بضع الكود التالى فوقه.
#spinner-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999}
.spinner{width:70px;text-align:center;position:absolute;top:43%;left:50%}
.spinner span{position:absolute;width:50px;height:50px;border:5px solid #cf4639;border-radius:999px;animation:radar 2s infinite linear;opacity:0}
.spinner span:nth-child(1){animation-delay:0s}
.spinner  span:nth-child(2){animation-delay:0.66s}
.spinner span:nth-child(3){animation-delay:1.33s}
@keyframes radar{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:0.5}50%{transform:scale(1);opacity:1}75%{transform:scale(1.5);opacity:0.5}100%{transform:scale(2);opacity:0}}


  • الأن أبحث هذا الوسم</body>وضع فوقه الكود التالى.

<script type='text/javascript'>
/* <![CDATA[ */
$(window).load(function () {
 setTimeout(function () {
   $('.spinner').fadeOut("slow");
   setTimeout(function () {
   $('#spinner-loader').fadeOut("slow")
   }, 1000)
 }, 1000)
});
/* ]]> */
</script>

  • الأن مع اخر كود وسوف تبحث عن هذا الوسم<body>ثم تقوم بوضعه فوقه ، واذا لم تجد هذا الوسم سوف تجده أبحث عنه هكذا<bodyفى مدونتك.
<div id='spinner-loader'>
<div class='spinner'>
<span></span>
<span></span>
<span></span>
</div>
</div>

والآن تضغط حفظ و عاين الإضافة....
هذا كان شرحنا لهذا اليوم اتمنى ان تكونو قد استفدتم منه وان شاء الله نراكم في تدوينة جديدة على موقع تيرورويد للمعلوميات



شارك الموضوع عبر :

كاتب الموضوع :

إرسال تعليق

قال سبحانه: مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ
لا تنسى ذكر الله

Teroroid 1O1 | تيرورويد للمعلوميات
موقع Teroroid 1o1 مختص في مجال التكنلوجيا و التقنيات و كل ما يخص الهواتف الذكية و الحواسيب ، و هدفي هو تصحيح الأفكار و الدروس الخاطئة في المحتوى العربي عن طريق دروس و حلقات في قناتنا على اليوتيوب ، و يسهر على إشراف و سير الموقع الشاب اللبناني ذو 15 عام ' معتصم الأيوبي ' الذي يحيكم و يشجعكم على الزيارة الدائمة و الإشتراك في موقعنا لتتوصل بكل جديد منا .
للإتصال بنا: moutasim9997@gmail.com