Dabour Phone

[name=محمد إبراهيم] [img=http://lh3.googleusercontent.com/-Ea4NJ91_ql0/AAAAAAAAAAI/AAAAAAAABQE/snk6h86Q3sI/s512-c/photo.jpg] [description=هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص.] (facebook=#) (youtube=#) (google-plus=#) (twitter=#) (linkedin=#) (instagram=#) (pinterest=#) (behance=#)
8/recent posts

أضافة تأثير تحميل المدونة بشكل جديد



كيفية تثبيت تأثير تحميل المدونة الجديدة والعصري لمدونات بلوجر , تأثير جارى التحميل يعمل على تحميل الرسوم المتحركة GIF فى مدونتك وهى اضافة رائعة تضيف لمسة جمال فى مدونتك لها شكل رائع وديناميكي يذهل الزوار عند تحميل المدونة الخاصة بك , هذا التأثير بحد ذاته لا مثيل له , لذلك قمت باضافة هذا التأثير لمساعدة الاخرين بواسطة اكواد css و jQuery script .

معاينة

الان اذا عجبك التاثير وتريد اضافته فى مدونتك , ما عليك سوى البحث عن الوسم <body> وضع الكود التالى اسفله :
<style type='text/css'>
/* CSS Loader Pg */
#loading {position: fixed;z-index: 50;top: 0;left: 0;width: 100%;height: 100%;
background: #000 url(http://2.bp.blogspot.com/-vjd6yC8UfKE/VPA-93wUMDI/AAAAAAAADUo/DRbKHDfp41g/s1600/loading1.gif) no-repeat center;line-h eight: 350px; text-align: center;font-size: 36px;color: #353231;text-indent: -9999px;}
.wwy #loading {display: none;}
#progress-bar {position: absolute;top: 0;left: 0;background: #42BEF8;width: 0;height: 10px;}
</style>
<script type='text/javascript'>(function($){$("html").removeClass("wwy");$("#header").ready(function(){ $("#progress-bar").stop().animate({ width: "25%" },1500) });$("#footer").ready(function(){ $("#progress-bar").stop().animate({ width: "75%" },1500) });$(window).load(function(){ $("#progress-bar").stop().animate({ width: "100%" },600,function(){ $("#loading").fadeOut("fast",function(){ $(this).remove(); }); });});})(jQuery);</script>
<div id='loading'><div id='progress-bar'></div></div>
واضغط على حفظ النموذج .. ومبروك عليك التاثير .. 
Share This
ليست هناك تعليقات:

إرسال تعليق

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊