مدونة عبدو للمعلوميات | موقع تقني شامل يهتم بعالم التكنولوجيا والمعلوميات مدونة عبدو للمعلوميات | موقع تقني شامل يهتم بعالم التكنولوجيا والمعلوميات
recent

آخر الأخبار

recent
random
جاري التحميل ...

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


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

ترغب في تجربة الإضافة إتبع الخطوات التالية
إضافة تأثير التحميل على شكل سبينر


  1.  إذهب الى لوحة التحكم > القالب > تحرير HTML
  2. ابحث عن ]]></b:skin> وضع الكود التالي فوقه


#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;
z-index:999999;background:#fff url
('https://loading.io/spinners/fidget-spinner/index.fidget-spinner.gif')
 no-repeat 50% 50%; padding:1em 1.2em;display:none}
 
3- ابحث عن </body> وضع الكود التالي فوقه
<script type='text/javascript'>
 //<![CDATA[ $(document.body).append('<div id="page-loader"></div>');
 $(window).on("beforeunload", function()
 { $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000); }); //]]> </script> 
4 - إحفظ القالب
ومبروك عليك الإضافة

عن الكاتب

Abdelbasset Kherfi

التعليقات


اتصل بنا

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

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

مدونة عبدو للمعلوميات | موقع تقني شامل يهتم بعالم التكنولوجيا والمعلوميات