إضافة العد التنازلي لعيد الفطر المبارك "حصريا"

السلام عليكم زوار مدونة ديزاد فان
اليوم وحصريا أحضرت لكم إضافة جد رائعة بمنسابة قروب عيد الفطر المبارك

الاضافة هي عبارة عن مستطيل أزرق  بعداد في تناقص حتى وصول عيد الفطر
و يمكنكم المعاينة مباشرة من هذه الصورة

الان طريقة التركيب

1. إذهب لتحرير القالب
2. إبحث عن   <div id='conent-wrapper'>
3. وضع فوقه هذا الكود

<div align="center">
<style scoped="" type="text/css">
#idulfitri{ width: 990px;background:#31acce;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:''Droid Arabic Kufi',sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script> var target_date=new Date(&quot;Jul 17, 2015&quot;).getTime();var days,hours,minutes,seconds;var hitungmundur=document.getElementById(&quot;hitungmundur&quot;);setInterval(function(){var current_date=new Date().getTime();var seconds_left=(target_date- current_date)/ 1000;
days=parseInt(seconds_left/86400);seconds_left=seconds_left%86400;hours=parseInt(seconds_left/3600);seconds_left=seconds_left%3600;minutes=parseInt(seconds_left/60);seconds=parseInt(seconds_left%60);hitungmundur.innerHTML=days+&quot; &lt;span class=\&#039;digital\&#039;&gt;يوم&lt;/span&gt; &quot;+ hours+&quot; &lt;span class=\&#039;digital\&#039;&gt;ساعة&lt;/span&gt; &quot;
+ minutes+&quot; &lt;span class=\&#039;digital\&#039;&gt;دقيقة&lt;/span&gt; &quot;+ seconds+&quot; &lt;span class=\&#039;digital\&#039;&gt;ثانية  على&lt;/span&gt; &lt;span class=\&#039;idjudul\&#039;&gt;عيد الفطر المبارك &lt;/span&gt;";},1000);</script>
</div>

لتغيير لون الخلفية إبحث عن #31acce و غيره بالكود الذي تريد
الخط المستعمل : Droid Arabic Kufi

و إلى موضوع أخر إن شاء الله

• شارك
• شارك
• شارك
• شارك

آدم مصطفى السبع

فتى متواضع يريد فقط النجاح عن طريق التدوين و جلب كل جديد بين يديكم.