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



اهلا بكم اخى / اختى القارئ 
اليوم يا اخوتى بالله اقدم لكم 
اضافة تأثير تحميل احترافى بشكل جديد من تصميمنا

لو سمحت! *

المعاينة

شرح طريقة تركيب التأثير
-------

اولا : ابحث عن هذا الوسم
]]></b:skin>
ثم ضع فوقه هذه الاكواد
.loading { } .loading div:first-of-type { top: 20px; width: 150px; height: 150px; border-top: 3px solid #e40015; animation: loading-1 2s infinite; } .loading div:nth-of-type(2) { top: 30px; width: 130px; height: 130px; border-top: 3px solid #ffffff; animation: loading-2 2s ease-out infinite; } .loading div:nth-of-type(3) { top: 40px; width: 110px; height: 110px; border-top: 3px solid #e40015; animation: loading-1 2s infinite; } .loading div:nth-of-type(4) { top: 50px; width: 90px; height: 90px; border-top: 3px solid #ffffff; animation: loading-2 2s infinite; } .loading div:nth-of-type(5) { top: 80px; width: 30px; height: 30px; background-color: #ffffff; opacity: .5; animation: in-out 2.5s infinite; } .loading div:nth-of-type(6) { top: 70px; width: 50px; height: 50px; background-color: #ffffff; opacity: .5; animation: in-out 2s infinite; }
ثانيا : ابحث عن هذا الوسم

<body
وضع اسفله هذه الاكواد
<div class='page-preloader preloader-wrapp'><div class='preloader'/>
<div class='loading'>  <div/>  <div/>  <div/>  <div/>  <div/>  <div/></div></div><script type='text/javascript'>//<![CDATA[jQuery(window).load(function() {        // will first fade out the loading animation$(".preloader-wrapp").delay(3000).fadeOut('slow');})//]]></script>

واحفظ القالب ومبروك عليك
قد انتهينا من الشرح اتمنى ان اكون عند حسن ظنكم 
تقبلوا تحياتى : عمرو طارق

جديد قسم : بلوجر