[Mini Mod] Đếm ngược thời gian đến Tết!

[Tiểu Bá Vương 1404]

Lang thang tìm được cái mod này khá hay, các bạn thấy được thì dùng, không thì thôi, miễn spam/chém nhau.

Có hai loại, các bạn tuỳ chọn hem:

1. Chèn code:
Các bạn chèn code sau vào dưới {vb:raw navbar} ở FORUMHOME/FORUMDISPLAY (hay trong temp navbar, dưới cùng).
<!-- Nếu chuyên nghiệp hơn thì tạo temp rồi chèn {vb:raw tên_temp} vô vị trí cần cho nó tiện -->

<style type="text/css">
.background {
    border-style: none;
    width: 62px;
    height: 58px;
}
.numbers {
    border-style: none;
    background-color: #292929;
    padding: 0px;
    margin: 0px;
    width: 62px;
    height: 42px;
    text-align: center;
    font-family: Arial;
    font-size: 34px;
    font-weight: normal;    /* options are normal, bold, bolder, lighter */
    color: #FFFFFF;     /* change color using the hexadecimal color codes for HTML */
}

.title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
    border: none;   
    padding: 0px;
    margin: 0px 3px;
    width: 62px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;    /* options are normal, bold, bolder, lighter */
    color: #F90A0E;    /* change color using the hexadecimal color codes for HTML */
    background-color: #C3FFA8; 
}
#form {    /* the styles below will affect the outer border of the countdown timer */
    width: 400px;
    height: 80px;
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
    border-width: 0px;
    border-color: #fff;  /* change color using the hexadecimal color codes for HTML */
    background-color: #fff;
    padding: 5px;
    margin: 0px auto;
    position: relative;   /* leave as "relative" to keep timer centered on your page, or change to "absolute" then change the values of the "top" and "left" properties to position the timer */
    top: 0px;             /* change to position the timer */
    left: 0px;            /* change to position the timer; delete this property and it's value to keep timer centered on page */
}

.line {
    border-style: none;
    width: 62px;
    height: 2px;
    z-index: 15;
}
</style>

<script type="text/javascript">
/*
Count down until any date script-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
Modified by Robert M. Kuhnhenn, D.O.
on 5/30/2006 to count down to a specific date AND time,
and on 1/10/2010 to include time zone offset.
*/


/*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */

var current="Tet tet tet den roi"     //—>enter what you want the script to display when the target date and time are reached, limit to 20 characters

var year=2011        //—>Enter the count down target date YEAR
var month=2          //—>Enter the count down target date MONTH
var day=3           //—>Enter the count down target date DAY
var hour=00          //—>Enter the count down target date HOUR (24 hour clock)
var minute=00        //—>Enter the count down target date MINUTE
var tz=+7            //—>Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)


//—>    DO NOT CHANGE THE CODE BELOW!    <—

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")


function countdown(yr,m,d,hr,min){

theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min

    var today=new Date()

    var todayy=today.getYear()

    if (todayy < 1000) {

    todayy+=1900 }

    var todaym=today.getMonth()

    var todayd=today.getDate()

    var todayh=today.getHours()

    var todaymin=today.getMinutes()

    var todaysec=today.getSeconds()

    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec

    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60)

    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);

    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));

    var dd=futurestring-todaystring

    var dday=Math.floor(dd/(60*60*1000*24)*1)

    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)

    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)

    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)

    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){

        document.getElementById('count2').innerHTML=current;

        document.getElementById('count2').style.display="inline";

        document.getElementById('count2').style.width="390px";

        document.getElementById('dday').style.display="none";

        document.getElementById('dhour').style.display="none";

        document.getElementById('dmin').style.display="none";

        document.getElementById('dsec').style.display="none";

        document.getElementById('days').style.display="none";

        document.getElementById('hours').style.display="none";

        document.getElementById('minutes').style.display="none";

        document.getElementById('seconds').style.display="none";

        return;

    }

    else {

        document.getElementById('count2').style.display="none";

        document.getElementById('dday').innerHTML=dday;

        document.getElementById('dhour').innerHTML=dhour;

        document.getElementById('dmin').innerHTML=dmin;

        document.getElementById('dsec').innerHTML=dsec;

        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);

    }

}

</script>

<body onload="countdown(year,month,day,hour,minute)">
<div id="form">
    <div id="count2"></div>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/bkgdimage.gif" class="background" style="position: absolute; left: 69px; top: 12px;"/>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/line.jpg" class="line" style="position: absolute; left: 69px; top: 40px;"/>

    <div class="numbers" id="dday" style="position: absolute; left: 69px; top: 21px;" ></div>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/bkgdimage.gif" class="background" style="position: absolute; left: 141px; top: 12px;"/>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/line.jpg" class="line" style="position: absolute; left: 141px; top: 40px;"/>

    <div class="numbers" id="dhour" style="position: absolute; left: 141px; top: 21px;" ></div>


    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/bkgdimage.gif" class="background" style="position: absolute; left: 213px; top: 12px;"/>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/line.jpg" class="line" style="position: absolute; left: 213px; top: 40px;"/>

    <div class="numbers" id="dmin" style="position: absolute; left: 213px; top: 21px;" ></div>


    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/bkgdimage.gif" class="background" style="position: absolute; left: 285px; top: 12px;"/>

    <img src="http://www.rmkwebdesign.com/Countdown_Timers/Style_1_D_files/line.jpg" class="line" style="position: absolute; left: 285px; top: 40px;"/>

    <div class="numbers" id="dsec" style="position: absolute; left: 285px; top: 21px;" ></div>


    <div class="title" id="days" style="position: absolute; left: 66px; top: 73px;" >Ngày</div>

    <div class="title" id="hours" style="position: absolute; left: 138px; top: 73px;" >Gi?</div>

    <div class="title" id="minutes" style="position: absolute; left: 210px; top: 73px;" >Phút</div>

    <div class="title" id="seconds" style="position: absolute; left: 282px; top: 73px;" >Giây</div>
</div>
</body>

->Live demo: http://bao24gio.com/countdown/index.php

2. Dùng flash:
File flash các bạn down trong file đính kèm nha.
Upload main-tetta2011.swf và file data.xml lên thư mục chứa forum theo đường dẫn: _domain_/forum(nếu_có)/_vị_trí_file_

Sau đó chèn code sau vào vị trí muốn hiện (có thể chọn chỉ hiển thị trong FORUMHOME, phía dưới {vb:raw navbar}, như thế hợp lí hơn).

<embed src="main-tetta2011.swf" quality="high" bgcolor="#ffffff" name="dock2" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" align="right" height="80" width="350">

->Demo:

[vbbforum.com]

Live demo cái số 2: http://vbbforum.com

[Tiểu Bá Vương 1404]

Bác quảng cáo site hả?

[bavuongduongpho]

Thêm cái nữa cho các pac tham khảo
demo: http://ketnoia2.tk/000/hotnew/kun.htm

<!-- tet -->

<div align="center"><font color="#FF1493" size="1"><b>
<script>
function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

setcountdown(2011,2,3)

var occasion="Tết Tân Mão"
var message_on_occasion="Chào "

var countdownwidth='380px'
var countdownheight='20px'
var countdownbgcolor='lightblack'
var opentags='<font face="Verdana">'
var closetags='</font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML="Còn " +opentags+dday+ " Ngày "+dhour+" Giờ "+dmin+" Phút "+dsec+" Giây nửa là đến  "+occasion+closetags
}
setTimeout("countdown()",1000)
}
     </script></b></font>
</div>
<!-- end tet -->

[bavuongduongpho]

Thêm cái này cho anh em nữa nè: http://house.phc-hn.org/demnguoc/
paste vào chỗ nào bạn muốn

<td class="alt1"><center><font color="red" size="+6"><b>Tết Tân Mão Còn</b></font><br><br>
<iframe src="http://house.phc-hn.org/demnguoc/" frameborder="0" width="100%"></iframe><br>
</center><br>

[Tiểu Bá Vương 1404]

Đã cập nhật bản vá lỗi cho phần dùng flash, các bạn đã dùng mà bị lỗi thì thông cảm cho mình hem!

[dovietbac]

Cho mình xin code đếm ngược đến thời gian mình muốn được không. Tùy theo ngày mình chọn mà nó sẽ ngược. Thanks