بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله تعالى وبركاته
=============
1 - سجل الدخول ==> التخطيط ==> عناصر الصفحة ==> إضافة أداة
![[18-08-2009+10-14-08.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwxwQCkRmpWdRNL0Fym5dozUWXSqk5cKkL6Fhwyqn7ze5J7HJQVp-YL80wl21Zxlk6VIe0kzT-WZZp4ckeGsNINvkQBo4sF7VfGWlmg2f22FcGAqYLrwOh3kvnaTXsBLhMLFnD_MYm24/s1600/18-08-2009+10-14-08.png)
ثم
![[18-08-2009+10-28-43.jpg]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-jCCSYa-Ke8ZslrBp6gpZPcZHmYxt5tiCQU797KRLvgvpPoCkYEiYRUwiuGsTeHrZIg7fqtqbut6qmk2aeKPkOL5Jo6Ih4SSyKXzZVkzYSlc_Ao1F84FsvabfRFCzQhCNbF5qU4ouykE/s1600/18-08-2009+10-28-43.jpg)
ثم
![[20-08-2009+12-53-32.png]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0kvl3ju0EeHntau4zDzcwrR3G9yD96n86Fs_3-VXtAXFwNG8HXdATNPnTXlUW4SBdCp97-U0pdvUQlUNaRD9PnQW7Kjy-UFYtBdQWkdFAJP8BknpvgZTBjEkUtWXXLCU5RcRCXb_Vtz0/s1600/20-08-2009+12-53-32.png)
ثم ألصق الكود التالي :
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<center>العد التنازلي لكأس العالم 2010<center>
<style>
.look {
font-family: Verdana;
font-size: 12px;
font-weight:bold;
color: #333333;
}
.top {
color: ;
font-size: 15px;
font-family: Verdana;
font-weight:bold;
}
.countdown {
height:50px;
margin-top:10px;
margin-left:8px;
}
</style>
<script type="text/javascript">
/***********************************************
* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}
cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}
cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}
cdtime.prototype.showresults=function(){
var thisobj=this
var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}
/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////
//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left
//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc
function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring="<table cellspacing=\"0\" cellpadding=\"0\" width=\"185\" border=\"0\"><tr><td class=\"top\" align=\"center\">"+arguments[0]+"</td><td><b>|</b></td><td class=\"top\" align=\"center\">"+arguments[1]+"</td><td><b>|</b></td><td class=\"top\" align=\"center\">"+arguments[2]+"</td><td><b>|</b></td><td class=\"top\" align=\"center\">"+arguments[3]+"</td></tr><tr><td class=\"look\" valign=\"top\" align=\"center\">[أيام]</td><td> </td><td class=\"look\" valign=\"top\" align=\"center\">[ساعات]</td><td> </td><td class=\"look\" valign=\"top\" align=\"center\">[دقائق]</td><td> </td><td class=\"look\" valign=\"top\" align=\"center\">[ثوان]</td></tr></table>"
}
else{ //else if target date/time met
var displaystring="Kick off!"
}
return displaystring
}
</script>
<div class="countdown">
<div id="countdown">
<script type="text/javascript">
var futuredate=new cdtime("countdown", "June 11, 2010 00:00:00")
futuredate.displaycountdown("days", formatresults)
</script>
</div>
</div>
</center></center></!doctype>
سيظهر العداد بالشكل التالي :

الشكل الثاني

الكود :
الكود :
اضغط "حفظ" وانتهى الأمر .
والسلام عليكم ورحمة الله .
0 تعليقات:
إرسال تعليق
السلام عليكم ورحمة الله
شكرا أخي/أختي على الاهتمام
شرف لي أن تحتوي مدونتي على ردك