دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


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

أضغط هنا وأشترك مجانا الان

العدد مفتوح
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
 
 
avatar

البلد : السعودية
الجنس : انثى
المساهمات : 1442
نقاط النشاط : 1676

أضافة صفحة تحميل احترافية لمدونات بلوجر Empty
مُساهمةموضوع: أضافة صفحة تحميل احترافية لمدونات بلوجر   أضافة صفحة تحميل احترافية لمدونات بلوجر Emptyالأحد 29 يناير 2017 - 19:57

أضافة صفحة تحميل احترافية لمدونات بلوجر
أضافة صفحة تحميل احترافية ,حقا هذه الاضافة في غاية الروعه تعطي جمال لمدونتك وخصوصا حين تصفح الزائر لمدونتك اي انها تظهرعند تحميل صفحات مدونتك وتنتهي عندما ينتهي التحميل,اتمنى ان تعجبك 😉
اذا كنت تريد تطبيقها في مدونتك ما عليك الا ان تتابع هذه الشرح البسيط.
1 - قم بالدخول الى تحرير قالب مدونتك وابحث عن هذه الوسم </head> وضع الكود التالي فوقه
كود:
الكود:

<style>#loaderqaisi1web{position:fixed;top:0;left:0;right:0;bottom:0;background: url(http://1.bp.blogspot.com/-byJCWagsj3o/Vp6WsUEEmsI/AAAAAAAAB2Q/-vWrHXqvR6M/s1600/pattern-qaisi1web.png) 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-qaisi1web{ margin:15% auto; width:400px;}
#logo-qaisi1web li.s-home{ display:inline ; font-weight:normal ;position:relative}
#logo-qaisi1web li.s-home a { color: rgba(240, 239, 239, 0.96) ; font-size: 33px ; font-family: GESSTwoLight,Great Vibes}
#logo-qaisi1web li.s-home:hover{background: none}
</style>

قم بوضع الكود التالي أسفل هذه الوسم <body>

الكود:

<div id='loaderqaisi1web'>
    <div class='balls'/>
  <div class='balls'/>
  <div class='balls'/>
  <div class='balls'/>
<div id='logo-qaisi1web'><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='http://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>


3 - قم بحفظ قالب وشاهد النتيجة ☝
بالتوفيق للجميع . . .


توقيع : JoryAbdallah


ﻻ اله الا انت سبحانك اني كنت من الظالمين
ﻻ اله الا الله محمد رسول الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
VaMoS AmR
 
 
VaMoS AmR

البلد : مصر
الجنس : ذكر
المساهمات : 22620
نقاط النشاط : 24228

أضافة صفحة تحميل احترافية لمدونات بلوجر Empty
مُساهمةموضوع: رد: أضافة صفحة تحميل احترافية لمدونات بلوجر   أضافة صفحة تحميل احترافية لمدونات بلوجر Emptyالخميس 16 فبراير 2017 - 12:16

موضوع ممتاز ومفيد 
جزاك الله الف خير
تحياتى لك
bom 


توقيع : VaMoS AmR


الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
 
 
مصطفى ستيتان

البلد : فلسطين
الجنس : ذكر
المساهمات : 6295
نقاط النشاط : 6945

أضافة صفحة تحميل احترافية لمدونات بلوجر Empty
مُساهمةموضوع: رد: أضافة صفحة تحميل احترافية لمدونات بلوجر   أضافة صفحة تحميل احترافية لمدونات بلوجر Emptyالأربعاء 3 أكتوبر 2018 - 16:24

ألف شكر لكم على المجهود الطيب ، 
وجزاكم الله كل خير


توقيع : مصطفى ستيتان


سبحان الله والحمدلله ولا إله إلا الله 
- ملتقى المصمم الفلسطيني = www.paldes.net
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أضافة صفحة تحميل احترافية لمدونات بلوجر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم تطوير المواقع والمنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي