أضافة صفحة تحميل احترافية حصريا



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


شرح طريقة التركيب + معاينة الاضافة من هنا
    1. قم بالدخول الى تحرير قالب مدونتك HTML  
    2. ابحث عن هذه الوسم  <head/>   وضع الكود التالي فوقه
<style>#loader{position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(23, 38, 47, 0.93);z-index:1000}.balls{width:30px;height:30px;position:absolute;background-color:#ccc;top:45%;border-radius:50%}.balls:nth-child(1){background-color:#FF5460;animation:move 2s infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(2){background-color:#FF9D84;animation:move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(3){background-color:#F0E797;animation:move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23)}.balls:nth-child(4){background-color:#75B08A;animation:move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23)}@keyframes move{0%{left:0%}100%{left:100%}} #logo_jazairiweb{ margin:15% auto; width:400px;} #logo_jazairiweb li.s-home{ display:inline ; font-weight:normal ;position:relative} #logo_jazairiweb li.s-home a { color: rgba(240, 239, 239, 0.96) ; font-size: 33px ; font-family: GESSTwoLight,Great Vibes} #logo_jazairiweb li.s-home:hover{background: none} </style>
    1. قم بوضع الكود التالي أسفل هذه الوسم   <body>  
<div id='loader'> <div class='balls'/> <div class='balls'/> <div class='balls'/> <div class='balls'/><div id='logo_jazairiweb'><li class='s-home'> <a><i class='fa fa-globe' style='color:#fff;padding-right:10px;font-size:24px'/> انتظر ثوان من فضلك..... </a></li></div> </div> <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/> <script type='text/javascript'> $(window).load(function () { setTimeout(function () { $(&quot;.balls&quot;).fadeOut(&quot;slow&quot;); setTimeout(function () { $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;) }, 1000) }, 1000) }); </script>

  1. وعند وضعها بعد البودي إلفيه ( / ) إختفت لي بعض الأقسام

    ردحذف
  2. ممكن القالب الى فى صورة التدوينة ارجوووك وهناك اشخاص كثيرهه لديهم القالب

    ردحذف

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