Teroroid 1O1 : بالعلم نرقى Teroroid 1O1 : بالعلم نرقى
الأخبار

آخر الأخبار

الأخبار
recent
جاري التحميل ...
recent

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

مواضيع مفيدة

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

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


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

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

شرح التركيب
  • أولا سوف تبحث عن هذا الوسم ]]></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 مختص في مجال التكنلوجيا و التقنيات و كل ما يخص الهواتف الذكية و الحواسيب ، و هدفي هو تصحيح الأفكار و الدروس الخاطئة في المحتوى العربي عن طريق دروس و حلقات في قناتنا على اليوتيوب ، و يسهر على إشراف و سير الموقع الشاب اللبناني ذو 15 عام ' معتصم الأيوبي ' الذي يحيكم و يشجعكم على الزيارة الدائمة و الإشتراك في موقعنا لتتوصل بكل جديد منا .

حمل تطبيقنا

Get it on Google Play

جميع الحقوق محفوظة

Teroroid 1O1 : بالعلم نرقى

2017