API tools faq
paste
Advertisement
Ikillnukes

Snippet Código de Cuenta Atrás By Ikillnukes

Ikillnukes
Aug 17th, 2013
209
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 56.13 KB | None | 0 0
raw download clone embed print report diff
  1. <?php
  2. $go = @$_GET['style'];
  3. $y = $_GET['y'];
  4. $m = $_GET['m'];
  5. $d = $_GET['d'];
  6. $h = $_GET['h'];
  7. $min = $_GET['min'];
  8. $color = @$_GET['color'];
  9. $bg = @$_GET['bg'];
  10. $l = @$_GET['l'];
  11. if(empty($go)){$go='style1a';}
  12. if(empty($l)){$l='es';}
  13. if(empty($bg)){$bg='fff';}
  14. if(empty($color)){$color='000';}
  15.  
  16. switch ($l) {
  17.     case 'es':
  18.         $l = array("Días", "Horas", "Minutos", "Segundos");
  19.         break;
  20.    
  21.     case 'en':
  22.         $l = array("Days", "Hours", "Minutes", "Seconds");
  23.         break;
  24.  
  25. }
  26.  
  27. switch($go){
  28.  
  29.    case 'style1a':
  30.       echo '<html>
  31. <head>
  32. <style type="text/css">
  33. body {background-color:'.$bg.';}
  34. .numbers {
  35.    width: 55px;
  36.    text-align: center;
  37.    font-family: Arial;
  38.    font-size: 28px;
  39.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  40.    font-style: normal;   /* options are normal or italic */
  41.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  42. }
  43. .title {/* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
  44.    width: 55px;
  45.    text-align: center;
  46.    font-family: Arial;
  47.    font-size: 10px;
  48.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  49.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  50. }
  51. #table {
  52.    width: 400px;
  53.    height: 48px;
  54.    border-style: none;
  55.    background-color: transparent;
  56.    margin: 0px auto;
  57.    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 */
  58.    top: 0px;             /* change to position the timer */
  59.    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  60. }
  61. </style>
  62.  
  63. <script type="text/javascript">
  64.  
  65. /*
  66. Count down until any date script-
  67. By JavaScript Kit (www.javascriptkit.com)
  68. Over 200+ free scripts here!
  69. Modified by Robert M. Kuhnhenn, D.O.
  70. on 5/30/2006 to count down to a specific date AND time,
  71. on 10/20/2007 to a new format, and 1/10/2010 to include
  72. time zone offset.
  73. */
  74.  
  75. /*  Change the items noted in light blue below to create your countdown target date and announcement once the target date and time are reached.  */
  76. var current="Winter is here!";//-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  77. var year=2010;      //-->Enter the count down target date YEAR
  78. var month=12;        //-->Enter the count down target date MONTH
  79. var day=21;         //-->Enter the count down target date DAY
  80. var hour=18;        //-->Enter the count down target date HOUR (24 hour clock)
  81. var minute=38;      //-->Enter the count down target date MINUTE
  82. var tz=-5;          //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  83.  
  84. //-->    DO NOT CHANGE THE CODE BELOW!    <--
  85. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  86.  
  87. function countdown(yr,m,d,hr,min){
  88.    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  89.    var today=new Date();
  90.    var todayy=today.getYear();
  91.    if (todayy < 1000) {todayy+=1900;}
  92.    var todaym=today.getMonth();
  93.    var todayd=today.getDate();
  94.    var todayh=today.getHours();
  95.    var todaymin=today.getMinutes();
  96.    var todaysec=today.getSeconds();
  97.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  98.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  99.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  100.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  101.    var dd=futurestring-todaystring;
  102.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  103.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  104.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  105.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  106.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  107.        document.getElementById(\'count2\').innerHTML=current;
  108.        document.getElementById(\'count2\').style.display="inline";
  109.        document.getElementById(\'count2\').style.width="390px";
  110.        document.getElementById(\'dday\').style.display="none";
  111.        document.getElementById(\'dhour\').style.display="none";
  112.        document.getElementById(\'dmin\').style.display="none";
  113.        document.getElementById(\'dsec\').style.display="none";
  114.        document.getElementById(\'days\').style.display="none";
  115.        document.getElementById(\'hours\').style.display="none";
  116.        document.getElementById(\'minutes\').style.display="none";
  117.        document.getElementById(\'seconds\').style.display="none";
  118.        document.getElementById(\'spacer1\').style.display="none";
  119.        document.getElementById(\'spacer2\').style.display="none";
  120.        return;
  121.    }
  122.    else {
  123.        document.getElementById(\'count2\').style.display="none";
  124.        document.getElementById(\'dday\').innerHTML=dday;
  125.        document.getElementById(\'dhour\').innerHTML=dhour;
  126.        document.getElementById(\'dmin\').innerHTML=dmin;
  127.        document.getElementById(\'dsec\').innerHTML=dsec;
  128.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  129.    }
  130. }
  131. </script>
  132.  
  133. </head>
  134.  
  135. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">
  136. <table id="table" border="0" cellpadding="0" cellspacing="0">
  137.    <tr>
  138.        <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 5px 0 0 0; "></div></td>
  139.    </tr>
  140.    <tr id="spacer1" height="30">
  141.        <td align="center" ><div class="numbers" ></div></td>
  142.        <td align="center" ><div class="numbers" id="dday"></div></td>
  143.        <td align="center" ><div class="numbers" id="dhour"></div></td>
  144.        <td align="center" ><div class="numbers" id="dmin"></div></td>
  145.        <td align="center" ><div class="numbers" id="dsec"></div></td>
  146.        <td align="center" ><div class="numbers" ></div></td>
  147.    </tr>
  148.    <tr id="spacer2" height="12">
  149.        <td align="center" ><div class="title" ></div></td>
  150.        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>
  151.        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>
  152.        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>
  153.        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>
  154.        <td align="center" ><div class="title" ></div></td>
  155.    </tr>
  156. </table>
  157.  
  158. </body>
  159. </html>';
  160.       break;
  161.  
  162.     case 'style1b':
  163.         echo '<html>
  164. <head>
  165. <style type="text/css">
  166. body {background-color:'.$bg.';}
  167. .numbers {
  168.    padding: 0px;
  169.    width: 45px;
  170.    text-align: center;
  171.    font-family: Arial;            
  172.    font-size: 28px;
  173.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  174.    font-style: normal;   /* options are normal or italic */
  175.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  176. }
  177. .title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
  178.    border-style: none;
  179.    padding: 0px 0px 3px 0px;
  180.    width: 45px;
  181.    text-align: center;
  182.    font-family: Arial;
  183.    font-size: 10px;
  184.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  185.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  186. }
  187. #table {
  188.    width: 400px;
  189.    height: 70px;
  190.    border-style: ridge;
  191.    border-width: 3px;
  192.    border-color: #666666;       /* change color using the hexadecimal color codes for HTML */
  193.    background-color: #222222;   /* change color using the hexadecimal color codes for HTML */
  194.    margin: 0px auto;
  195.    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 */
  196.    top: 0px;             /* change to position the timer */
  197.    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  198. }
  199. </style>
  200.  
  201. <script type="text/javascript">
  202.  
  203. /*
  204. Count down until any date script-
  205. By JavaScript Kit (www.javascriptkit.com)
  206. Over 200+ free scripts here!
  207. Modified by Robert M. Kuhnhenn, D.O.
  208. on 5/30/2006 to count down to a specific date AND time,
  209. on 10/20/2007 to a new format, and 1/10/2010 to include
  210. time zone offset.
  211. */
  212.  
  213. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  214. var year=2010;    //-->Enter the count down target date YEAR
  215. var month=12;      //-->Enter the count down target date MONTH
  216. var day=21;       //-->Enter the count down target date DAY
  217. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  218. var minute=38;    //-->Enter the count down target date MINUTE
  219. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  220.  
  221. //    DO NOT CHANGE THE CODE BELOW!
  222. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  223.  
  224. function countdown(yr,m,d,hr,min){
  225.    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  226.    var today=new Date();
  227.    var todayy=today.getYear();
  228.    if (todayy < 1000) {todayy+=1900;}
  229.    var todaym=today.getMonth();
  230.    var todayd=today.getDate();
  231.    var todayh=today.getHours();
  232.    var todaymin=today.getMinutes();
  233.    var todaysec=today.getSeconds();
  234.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  235.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  236.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  237.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  238.    var dd=futurestring-todaystring;
  239.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  240.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  241.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  242.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  243.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  244.        document.getElementById(\'count2\').innerHTML=current;
  245.        document.getElementById(\'count2\').style.display="inline";
  246.        document.getElementById(\'count2\').style.width="390px";
  247.        document.getElementById(\'dday\').style.display="none";
  248.        document.getElementById(\'dhour\').style.display="none";
  249.        document.getElementById(\'dmin\').style.display="none";
  250.        document.getElementById(\'dsec\').style.display="none";
  251.        document.getElementById(\'days\').style.display="none";
  252.        document.getElementById(\'hours\').style.display="none";
  253.        document.getElementById(\'minutes\').style.display="none";
  254.        document.getElementById(\'seconds\').style.display="none";
  255.        document.getElementById(\'spacer1\').style.display="none";
  256.        document.getElementById(\'spacer2\').style.display="none";
  257.        return;
  258.    }
  259.    else {
  260.        document.getElementById(\'count2\').style.display="none";
  261.        document.getElementById(\'dday\').innerHTML=dday;
  262.        document.getElementById(\'dhour\').innerHTML=dhour;
  263.        document.getElementById(\'dmin\').innerHTML=dmin;
  264.        document.getElementById(\'dsec\').innerHTML=dsec;
  265.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  266.    }
  267. }
  268. </script>
  269.  
  270. </head>
  271.  
  272. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">
  273. <table id="table" border="0">
  274.    <tr>
  275.        <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 5px 0 0 0; "></div></td>
  276.    </tr>
  277.    <tr id="spacer1">
  278.        <td align="center" ><div class="numbers" ></div></td>
  279.        <td align="center" ><div class="numbers" id="dday"></div></td>
  280.        <td align="center" ><div class="numbers" id="dhour"></div></td>
  281.        <td align="center" ><div class="numbers" id="dmin"></div></td>
  282.        <td align="center" ><div class="numbers" id="dsec"></div></td>
  283.        <td align="center" ><div class="numbers" ></div></td>
  284.    </tr>
  285.    <tr id="spacer2">
  286.        <td align="center" ><div class="title" ></div></td>
  287.        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>
  288.        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>
  289.        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>
  290.        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>
  291.        <td align="center" ><div class="title" ></div></td>
  292.    </tr>
  293. </table>
  294.  
  295. </body>
  296. </html>';
  297.         break;
  298.  
  299.     case 'style1c':
  300.         echo '<html>
  301. <head>
  302. <style type="text/css">
  303. body {background-color:'.$bg.';}
  304. .numbers {
  305.    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
  306.    border-width: 2px;
  307.    border-color: #666666;  /* change the border color using the hexadecimal color codes for HTML */
  308.    background: #222222;    /* change the background color using the hexadecimal color codes for HTML */
  309.    padding: 2px 0px;
  310.    width: 55px;
  311.    text-align: center;
  312.    font-family: Arial;
  313.    font-size: 28px;
  314.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  315.    font-style: normal;   /* options are normal or italic */
  316.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  317. }
  318. .title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
  319.    border: none;    
  320.    padding: 0px;
  321.    width: 55px;
  322.    text-align: center;
  323.    font-family: Arial;
  324.    font-size: 10px;
  325.    font-weight: normal;  /* options are normal, bold, bolder, lighter */
  326.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  327.    background: transparent;    /* change the background color using the hexadecimal color codes for HTML */
  328. }
  329. #table {
  330.    width: 400px;
  331.    border: none;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
  332.    margin: 0px auto;
  333.    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 */
  334.    top: 0px;        /* change to position the timer */
  335.    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  336. }
  337. </style>
  338.  
  339. <script type="text/javascript">
  340.  
  341. /*
  342. Count down until any date script-
  343. By JavaScript Kit (www.javascriptkit.com)
  344. Over 200+ free scripts here!
  345. Modified by Robert M. Kuhnhenn, D.O.
  346. on 5/30/2006 to count down to a specific date AND time,
  347. on 10/20/2007 to a new format, and 1/10/2010 to include
  348. time zone offset.
  349. */
  350.  
  351. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  352. var year=2010;    //-->Enter the count down target date YEAR
  353. var month=12;      //-->Enter the count down target date MONTH
  354. var day=21;       //-->Enter the count down target date DAY
  355. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  356. var minute=38;    //-->Enter the count down target date MINUTE
  357. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  358.  
  359. //    DO NOT CHANGE THE CODE BELOW!
  360. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
  361.  
  362. function countdown(yr,m,d,hr,min){
  363.    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  364.    var today=new Date();
  365.    var todayy=today.getYear();
  366.    if (todayy < 1000) {todayy+=1900;}
  367.    var todaym=today.getMonth();
  368.    var todayd=today.getDate();
  369.    var todayh=today.getHours();
  370.    var todaymin=today.getMinutes();
  371.    var todaysec=today.getSeconds();
  372.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  373.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  374.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  375.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  376.    var dd=futurestring-todaystring;
  377.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  378.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  379.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  380.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  381.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  382.        document.getElementById(\'count2\').innerHTML=current;
  383.        document.getElementById(\'count2\').style.display="block";
  384.        document.getElementById(\'count2\').style.width="390px";
  385.        document.getElementById(\'dday\').style.display="none";
  386.        document.getElementById(\'dhour\').style.display="none";
  387.        document.getElementById(\'dmin\').style.display="none";
  388.        document.getElementById(\'dsec\').style.display="none";
  389.        document.getElementById(\'days\').style.display="none";
  390.        document.getElementById(\'hours\').style.display="none";
  391.        document.getElementById(\'minutes\').style.display="none";
  392.        document.getElementById(\'seconds\').style.display="none";
  393.        document.getElementById(\'spacer1\').style.display="none";
  394.        document.getElementById(\'spacer2\').style.display="none";
  395.        return;
  396.    }
  397.    else {
  398.        document.getElementById(\'count2\').style.display="none";
  399.        document.getElementById(\'dday\').innerHTML=dday;
  400.        document.getElementById(\'dhour\').innerHTML=dhour;
  401.        document.getElementById(\'dmin\').innerHTML=dmin;
  402.        document.getElementById(\'dsec\').innerHTML=dsec;
  403.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  404.    }
  405. }
  406. </script>
  407.  
  408. </head>
  409.  
  410. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">
  411. <table id="table" border="0">
  412.    <tr>
  413.        <td align="center" colspan="6"><div class="numbers" id="count2" style="padding: 10px; "></div></td>
  414.    </tr>
  415.    <tr id="spacer1">
  416.        <td align="center" ><div class="title" ></div></td>
  417.        <td align="center" ><div class="numbers" id="dday"></div></td>
  418.        <td align="center" ><div class="numbers" id="dhour"></div></td>
  419.        <td align="center" ><div class="numbers" id="dmin"></div></td>
  420.        <td align="center" ><div class="numbers" id="dsec"></div></td>
  421.        <td align="center" ><div class="title" ></div></td>
  422.    </tr>
  423.    <tr id="spacer2">
  424.        <td align="center" ><div class="title" ></div></td>
  425.        <td align="center" ><div class="title" id="days">'.$l[0].'</div></td>
  426.        <td align="center" ><div class="title" id="hours">'.$l[1].'</div></td>
  427.        <td align="center" ><div class="title" id="minutes">'.$l[2].'</div></td>
  428.        <td align="center" ><div class="title" id="seconds">'.$l[3].'</div></td>
  429.        <td align="center" ><div class="title" ></div></td>
  430.    </tr>
  431. </table>
  432.  
  433. </body>
  434. </html>';
  435.         break;
  436.  
  437.     case 'style1d':
  438.         echo '<html>
  439. <head>
  440. <style type="text/css">
  441. body {background-color:'.$bg.';}
  442. .background {
  443.    border-style: none;
  444.    width: 62px;
  445.    height: 58px;
  446. }
  447. .numbers {
  448.    border-style: none;
  449.    background-color: #292929;
  450.    padding: 0px;
  451.    margin: 0px;
  452.    width: 62px;
  453.    height: 42px;
  454.    text-align: center;
  455.    font-family: Arial;
  456.    font-size: 34px;
  457.    font-weight: normal;    /* options are normal, bold, bolder, lighter */
  458.    color: '.$color.';     /* change color using the hexadecimal color codes for HTML */
  459. }
  460. .title {    /* the styles below will affect the title under the numbers, i.e., “Days”, “Hours”, etc. */
  461.    border: none;    
  462.    padding: 0px;
  463.    margin: 0px 3px;
  464.    width: 62px;
  465.    text-align: center;
  466.    font-family: Arial;
  467.    font-size: 10px;
  468.    font-weight: normal;    /* options are normal, bold, bolder, lighter */
  469.    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */
  470.    background-color: #000000;  
  471. }
  472. #form {    /* the styles below will affect the outer border of the countdown timer */
  473.    width: 400px;
  474.    height: 80px;
  475.    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
  476.    border-width: 2px;
  477.    border-color: #666666;  /* change color using the hexadecimal color codes for HTML */
  478.    background-color: #000000;
  479.    padding: 5px;
  480.    margin: 0px auto;
  481.    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 */
  482.    top: 0px;             /* change to position the timer */
  483.    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  484. }
  485. .line {
  486.    border-style: none;
  487.    width: 62px;
  488.    height: 2px;
  489.    z-index: 15;
  490. }
  491. </style>
  492.  
  493. <script type="text/javascript">
  494.  
  495. /*
  496. Count down until any date script-
  497. By JavaScript Kit (www.javascriptkit.com)
  498. Over 200+ free scripts here!
  499. Modified by Robert M. Kuhnhenn, D.O.
  500. on 5/30/2006 to count down to a specific date AND time,
  501. and on 1/10/2010 to include time zone offset.
  502. */
  503.  
  504. /*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */
  505. var current="Winter is here!";     //—>enter what you want the script to display when the target date and time are reached, limit to 20 characters
  506. var year=2010;        //—>Enter the count down target date YEAR
  507. var month=12;          //—>Enter the count down target date MONTH
  508. var day=21;           //—>Enter the count down target date DAY
  509. var hour=18;          //—>Enter the count down target date HOUR (24 hour clock)
  510. var minute=38;        //—>Enter the count down target date MINUTE
  511. var tz=-5;            //—>Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  512.  
  513. //—>    DO NOT CHANGE THE CODE BELOW!    <—
  514. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  515.  
  516. function countdown(yr,m,d,hr,min){
  517.    theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  518.    var today=new Date();
  519.    var todayy=today.getYear();
  520.    if (todayy < 1000) {
  521.    todayy+=1900; }
  522.    var todaym=today.getMonth();
  523.    var todayd=today.getDate();
  524.    var todayh=today.getHours();
  525.    var todaymin=today.getMinutes();
  526.    var todaysec=today.getSeconds();
  527.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  528.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  529.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  530.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  531.    var dd=futurestring-todaystring;
  532.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  533.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  534.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  535.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  536.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  537.        document.getElementById(\'count2\').innerHTML=current;
  538.        document.getElementById(\'count2\').style.display="inline";
  539.        document.getElementById(\'count2\').style.width="390px";
  540.        document.getElementById(\'dday\').style.display="none";
  541.        document.getElementById(\'dhour\').style.display="none";
  542.        document.getElementById(\'dmin\').style.display="none";
  543.        document.getElementById(\'dsec\').style.display="none";
  544.        document.getElementById(\'days\').style.display="none";
  545.        document.getElementById(\'hours\').style.display="none";
  546.        document.getElementById(\'minutes\').style.display="none";
  547.        document.getElementById(\'seconds\').style.display="none";
  548.        return;
  549.    }
  550.    else {
  551.        document.getElementById(\'count2\').style.display="none";
  552.        document.getElementById(\'dday\').innerHTML=dday;
  553.        document.getElementById(\'dhour\').innerHTML=dhour;
  554.        document.getElementById(\'dmin\').innerHTML=dmin;
  555.        document.getElementById(\'dsec\').innerHTML=dsec;
  556.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  557.    }
  558. }
  559. </script>
  560.  
  561. </head>
  562.  
  563. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">
  564. <div id="form">
  565.    <div class="numbers" id="count2" style="position: absolute; top: 10px; height: 60px; padding: 15px 0 0 10px; background-color: #000000; z-index: 20;"></div>
  566.    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 69px; top: 12px;"/>
  567.    <img src="images/line.jpg" class="line" style="position: absolute; left: 69px; top: 40px;"/>
  568.    <div class="numbers" id="dday" style="position: absolute; left: 69px; top: 21px;" ></div>
  569.  
  570.    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 141px; top: 12px;"/>
  571.    <img src="images/line.jpg" class="line" style="position: absolute; left: 141px; top: 40px;"/>
  572.    <div class="numbers" id="dhour" style="position: absolute; left: 141px; top: 21px;" ></div>
  573.  
  574.    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 213px; top: 12px;"/>
  575.    <img src="images/line.jpg" class="line" style="position: absolute; left: 213px; top: 40px;"/>
  576.    <div class="numbers" id="dmin" style="position: absolute; left: 213px; top: 21px;" ></div>
  577.  
  578.    <img src="images/bkgdimage.gif" class="background" style="position: absolute; left: 285px; top: 12px;"/>
  579.    <img src="images/line.jpg" class="line" style="position: absolute; left: 285px; top: 40px;"/>
  580.    <div class="numbers" id="dsec" style="position: absolute; left: 285px; top: 21px;" ></div>
  581.  
  582.    <div class="title" id="days" style="position: absolute; left: 66px; top: 73px;" >'.$l[0].'</div>
  583.    <div class="title" id="hours" style="position: absolute; left: 138px; top: 73px;" >'.$l[1].'</div>
  584.    <div class="title" id="minutes" style="position: absolute; left: 210px; top: 73px;" >'.$l[2].'</div>
  585.    <div class="title" id="seconds" style="position: absolute; left: 282px; top: 73px;" >'.$l[3].'</div>
  586. </div>
  587.  
  588. </body>
  589. </html>';
  590.         break;
  591.  
  592.     case 'style2a':
  593.         echo '<html><head>
  594. <style type="text/css">
  595. body {background-color:'.$bg.';}
  596. #count {
  597.    border: none;
  598.    text-align: center;
  599.    font-family: Arial;
  600.    font-size: 26px;
  601.    font-weight: normal;    /* options are normal, bold, bolder, lighter */
  602.    font-style: italic;     /* options are normal or italic */
  603.    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */
  604.    background-color: transparent;    /* change the background color using the hex color codes for HTML */
  605.    margin: 0px auto;
  606.    text-align: center;
  607.    width: 664px;
  608.    height: 37px;
  609.    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 */
  610.    top: 0px;             /* change to position the timer */
  611.    left: 0px;            /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  612. }
  613. </style>
  614.  
  615. <script type="text/javascript">
  616.  
  617. /*
  618. Count down until any date script-
  619. By JavaScript Kit (www.javascriptkit.com)
  620. Over 200+ free scripts here!
  621. Modified by Robert M. Kuhnhenn, D.O.
  622. on 5/30/2006 to count down to a specific date AND time,
  623. on 10/20/2007 to a new format, and 1/10/2010 to include
  624. time zone offset.
  625. */
  626.  
  627. /*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */
  628. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  629. var year=2010;    //-->Enter the count down target date YEAR
  630. var month=12;      //-->Enter the count down target date MONTH
  631. var day=21;       //-->Enter the count down target date DAY
  632. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  633. var minute=38;    //-->Enter the count down target date MINUTE
  634. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  635.  
  636. //    -->DO NOT CHANGE THE CODE BELOW!<--
  637. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  638.  
  639. function countdown(yr,m,d,hr,min){
  640. theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  641.    var today=new Date();
  642.    var todayy=today.getYear();
  643.    if (todayy < 1000) {todayy+=1900;}
  644.    var todaym=today.getMonth();
  645.    var todayd=today.getDate();
  646.    var todayh=today.getHours();
  647.    var todaymin=today.getMinutes();
  648.    var todaysec=today.getSeconds();
  649.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  650.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  651.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  652.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  653.    var dd=futurestring-todaystring;
  654.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  655.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  656.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  657.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  658.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  659.        document.getElementById(\'count\').innerHTML=current;
  660.        return;
  661.    }
  662.    else {
  663.        document.getElementById(\'count\').innerHTML=+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds";
  664.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  665.    }
  666. }
  667. </script>
  668.  
  669. </head>
  670.  
  671. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">
  672.    <div id="count"></div>
  673.  
  674. </body>
  675. </html>';
  676.         break;
  677.  
  678.     case 'style2b':
  679.         echo '<html>
  680. <head>
  681. <style type="text/css">
  682. body {background-color:'.$bg.';}
  683. #count {
  684.    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
  685.    border-width: 2px;
  686.    border-color: #666666;  /* change color of the border using the hexadecimal color codes for HTML */
  687.    padding: 4px;           /* change the spacing between the timer and the border */
  688.    text-align: center;
  689.    font-family: Arial;
  690.    font-size: 22px;        /* change the size of the font */
  691.    font-weight: normal;    /* options are normal, bold, bolder, lighter */
  692.    font-style: normal;     /* options are normal or italic */
  693.    color: '.$color.';    /* change color using the hexadecimal color codes for HTML */
  694.    background-color: #222222;    /* change the background color using the hex color codes for HTML */
  695.    margin: 0px auto;
  696.    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 */
  697.    top: 0px;        /* change to position the timer */
  698.    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  699.    width: 582px;
  700.    height: auto;
  701. }
  702. </style>
  703.  
  704. <script type="text/javascript">
  705.  
  706. /*
  707. Count down until any date script-
  708. By JavaScript Kit (www.javascriptkit.com)
  709. Over 200+ free scripts here!
  710. Modified by Robert M. Kuhnhenn, D.O.
  711. on 5/30/2006 to count down to a specific date AND time,
  712. on 10/20/2007 to a new format, and 1/10/2010 to include
  713. time zone offset.
  714. */
  715.  
  716. /*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */
  717. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  718. var year=2010;    //-->Enter the count down target date YEAR
  719. var month=12;      //-->Enter the count down target date MONTH
  720. var day=21;       //-->Enter the count down target date DAY
  721. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  722. var minute=38;    //-->Enter the count down target date MINUTE
  723. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  724.  
  725. //-->    DO NOT CHANGE THE CODE BELOW!    <--
  726. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  727.  
  728. function countdown(yr,m,d,hr,min){
  729. theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  730.    var today=new Date();
  731.    var todayy=today.getYear();
  732.    if (todayy < 1000) {todayy+=1900;}
  733.    var todaym=today.getMonth();
  734.    var todayd=today.getDate();
  735.    var todayh=today.getHours();
  736.    var todaymin=today.getMinutes();
  737.    var todaysec=today.getSeconds();
  738.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  739.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  740.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  741.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  742.    var dd=futurestring-todaystring;
  743.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  744.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  745.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  746.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  747.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  748.        document.getElementById(\'count\').innerHTML=current;
  749.        return;
  750.    }
  751.    else {
  752.        document.getElementById(\'count\').innerHTML=+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds";
  753.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  754.    }
  755. }
  756. </script>
  757.  
  758. </head>
  759.  
  760. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">
  761.    <div id="count"></div>
  762.  
  763. </body>
  764. </html>';
  765.         break;
  766.  
  767.     case 'style3a':
  768.         echo '<html>
  769. <head>
  770. <style type="text/css">
  771. body {background-color:'.$bg.';}
  772. .numbers {
  773.    text-align: right;
  774.    font-family: Arial;
  775.    font-size: 28px;
  776.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  777.    font-style: italic;   /* options are normal or italic */
  778.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  779. }
  780. .title {    /* the styles below will affect the title next to the numbers, i.e., “Days”, “Hours”, etc. */
  781.    margin: 12px 0px 0px 0px;
  782.    padding: 0px 8px 0px 3px;
  783.    text-align: left;
  784.    font-family: Arial;
  785.    font-size: 10px;
  786.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  787.    font-style: italic;   /* options are normal or italic */
  788.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  789. }
  790. #table {
  791.    width: auto;
  792.    margin: 0px auto;
  793.    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 */
  794.    top: 0px;        /* change to position the timer */
  795.    left: 0px;       /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  796. }
  797. </style>
  798.  
  799. <script type="text/javascript">
  800.  
  801. /*
  802. Count down until any date script-
  803. By JavaScript Kit (www.javascriptkit.com)
  804. Over 200+ free scripts here!
  805. Modified by Robert M. Kuhnhenn, D.O.
  806. on 5/30/2006 to count down to a specific date AND time,
  807. on 10/20/2007 to a new format, and 1/10/2010 to include
  808. time zone offset.
  809. */
  810.  
  811. /*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */
  812. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  813. var year=2010;    //-->Enter the count down target date YEAR
  814. var month=12;     //-->Enter the count down target date MONTH
  815. var day=21;       //-->Enter the count down target date DAY
  816. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  817. var minute=38;    //-->Enter the count down target date MINUTE
  818. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  819.  
  820. //-->    DO NOT CHANGE THE CODE BELOW!    <--
  821. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  822.  
  823. function countdown(yr,m,d,hr,min){
  824. theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  825.    var today=new Date();
  826.    var todayy=today.getYear();
  827.    if (todayy < 1000) {todayy+=1900;}
  828.    var todaym=today.getMonth();
  829.    var todayd=today.getDate();
  830.    var todayh=today.getHours();
  831.    var todaymin=today.getMinutes();
  832.    var todaysec=today.getSeconds();
  833.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  834.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  835.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  836.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  837.    var dd=futurestring-todaystring;
  838.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  839.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  840.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  841.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  842.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  843.        document.getElementById(\'count2\').innerHTML=current;
  844.        document.getElementById(\'count2\').style.display="block";
  845.        document.getElementById(\'count2\').style.width="390px";
  846.        document.getElementById(\'dday\').style.display="none";
  847.        document.getElementById(\'dhour\').style.display="none";
  848.        document.getElementById(\'dmin\').style.display="none";
  849.        document.getElementById(\'dsec\').style.display="none";
  850.        document.getElementById(\'days\').style.display="none";
  851.        document.getElementById(\'hours\').style.display="none";
  852.        document.getElementById(\'minutes\').style.display="none";
  853.        document.getElementById(\'seconds\').style.display="none";
  854.        return;
  855.    }
  856.    else {
  857.        document.getElementById(\'count2\').style.display="none";
  858.        document.getElementById(\'dday\').innerHTML=dday;
  859.        document.getElementById(\'dhour\').innerHTML=dhour;
  860.        document.getElementById(\'dmin\').innerHTML=dmin;
  861.        document.getElementById(\'dsec\').innerHTML=dsec;
  862.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  863.    }
  864. }
  865.  
  866. </script>
  867.  
  868. </head>
  869.  
  870. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">
  871. <table id="table" cellspacing="0" cellpadding="0" border="0">
  872.    <tr>
  873.        <td colspan="8"><div class="numbers" id="count2" style="text-align: center;"></div></td>
  874.    </tr>
  875.    <tr>
  876.        <td align="right"><div class="numbers" id="dday"></div></td>        
  877.        <td align="left"><div class="title" id="days">'.$l[0].'</div></td>
  878.        <td align="right"><div class="numbers" id="dhour"></div></td>
  879.        <td align="left"><div class="title" id="hours">'.$l[1].'</div></td>
  880.        <td align="right"><div class="numbers" id="dmin"></div></td>
  881.        <td align="left"><div class="title" id="minutes">'.$l[2].'</div></td>
  882.        <td align="right"><div class="numbers" id="dsec"></div></td>
  883.        <td align="left"><div class="title" id="seconds">'.$l[3].'</div></td>
  884.    </tr>
  885. </table>
  886.  
  887. </body>
  888. </html>';
  889.         break;
  890.  
  891.     case 'style3b':
  892.         echo '<html>
  893. <head>
  894. <style type="text/css">
  895. body {background-color:'.$bg.';}
  896. .numbers {
  897.    padding: 0px;
  898.    text-align: right;
  899.    font-family: Arial;
  900.    font-size: 28px;
  901.    font-weight: bold;   /* options are normal, bold, bolder, lighter */
  902.    font-style: italic;  /* options are normal or italic */
  903.    color: '.$color.';      /* change color using the hexadecimal color codes for HTML */
  904.    background: #222222;/* change color using the hexadecimal color codes for HTML */
  905. }
  906. .title {/* the styles below will affect the title next to the numbers, i.e., “Days”, “Hours”, etc. */
  907.    padding-right: 5px;
  908.    margin: 12px 0px 0px 0px;
  909.    text-align: left;
  910.    font-family: Arial;
  911.    font-size: 10px;
  912.    font-weight: bold;    /* options are normal, bold, bolder, lighter */
  913.    font-style: italic;   /* options are normal or italic */
  914.    color: '.$color.';       /* change color using the hexadecimal color codes for HTML */
  915.    background: #222222;  /* change color using the hexadecimal color codes for HTML */
  916. }
  917. #countdown {
  918.    display: block;
  919.    width: 400px;
  920.    height: 47px;
  921.    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
  922.    border-width: 2px;
  923.    border-color: #666666;    /* change color using the hexadecimal color codes for HTML */
  924.    background-color: #222222;    /* change color using the hexadecimal color codes for HTML */
  925.    margin: 0px auto;
  926.    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 */
  927.    top: 0px;    /* change to position the timer */
  928.    left: 0px;   /* change to position the timer; delete this property and it\'s value to keep timer centered on page */
  929. }
  930. </style>
  931.  
  932. <script type="text/javascript">
  933.  
  934. /*
  935. Count down until any date script-
  936. By JavaScript Kit (www.javascriptkit.com)
  937. Over 200+ free scripts here!
  938. Modified by Robert M. Kuhnhenn, D.O.
  939. on 5/30/2006 to count down to a specific date AND time,
  940. on 10/20/2007 to a new format, and 1/10/2010 to include
  941. time zone offset.
  942. */
  943.  
  944. /*  Change the items below to create your countdown target date and announcement once the target date and time are reached.  */
  945. var current="Winter is here!";    //-->enter what you want the script to display when the target date and time are reached, limit to 20 characters
  946. var year=2010;    //-->Enter the count down target date YEAR
  947. var month=12;      //-->Enter the count down target date MONTH
  948. var day=21;       //-->Enter the count down target date DAY
  949. var hour=18;      //-->Enter the count down target date HOUR (24 hour clock)
  950. var minute=38;    //-->Enter the count down target date MINUTE
  951. var tz=-5;        //-->Offset for your timezone in hours from UTC (see http://wwp.greenwichmeantime.com/index.htm to find the timezone offset for your location)
  952.  
  953. //-->    DO NOT CHANGE THE CODE BELOW!    <--
  954. var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  955.  
  956. function countdown(yr,m,d,hr,min){
  957. theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  958.    var today=new Date();
  959.    var todayy=today.getYear();
  960.    if (todayy < 1000) {todayy+=1900;}
  961.    var todaym=today.getMonth();
  962.    var todayd=today.getDate();
  963.    var todayh=today.getHours();
  964.    var todaymin=today.getMinutes();
  965.    var todaysec=today.getSeconds();
  966.    var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  967.    var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  968.    var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  969.    var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  970.    var dd=futurestring-todaystring;
  971.    var dday=Math.floor(dd/(60*60*1000*24)*1);
  972.    var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  973.    var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  974.    var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  975.    if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  976.        document.getElementById(\'count2\').innerHTML=current;
  977.        document.getElementById(\'count2\').style.display="block";
  978.        document.getElementById(\'count2\').style.width="390px";
  979.        document.getElementById(\'dday\').style.display="none";
  980.        document.getElementById(\'dhour\').style.display="none";
  981.        document.getElementById(\'dmin\').style.display="none";
  982.        document.getElementById(\'dsec\').style.display="none";
  983.        document.getElementById(\'days\').style.display="none";
  984.        document.getElementById(\'hours\').style.display="none";
  985.        document.getElementById(\'minutes\').style.display="none";
  986.        document.getElementById(\'seconds\').style.display="none";
  987.        document.getElementById(\'spacer1\').style.display="none";
  988.        document.getElementById(\'spacer2\').style.display="none";
  989.        return;
  990.    }
  991.    else {
  992.        document.getElementById(\'count2\').style.display="none";
  993.        document.getElementById(\'dday\').innerHTML=dday;
  994.        document.getElementById(\'dhour\').innerHTML=dhour;
  995.        document.getElementById(\'dmin\').innerHTML=dmin;
  996.        document.getElementById(\'dsec\').innerHTML=dsec;
  997.        setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
  998.    }
  999. }
  1000. </script>
  1001.  
  1002. </head>
  1003.  
  1004. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.');">
  1005. <div id="countdown" >
  1006. <table cellspacing="4" cellpadding="0" border="0" align="center">
  1007.    <tr>
  1008.        <td colspan="8"><div class="numbers" id="count2" style="text-align: center;"></div></td>
  1009.    </tr>
  1010.    <tr>
  1011.        <td align="right"><div class="numbers" id="dday"></div></td>        
  1012.        <td align="left"><div class="title" id="days">'.$l[0].'</div></td>
  1013.        <td align="right"><div class="numbers" id="dhour"></div></td>
  1014.        <td align="left"><div class="title" id="hours">'.$l[1].'</div></td>
  1015.        <td align="right"><div class="numbers" id="dmin"></div></td>
  1016.        <td align="left"><div class="title" id="minutes">'.$l[2].'</div></td>
  1017.        <td align="right"><div class="numbers" id="dsec"></div></td>
  1018.        <td align="left"><div class="title" id="seconds">'.$l[3].'</div></td>
  1019.    </tr>
  1020. </table>
  1021. </div>
  1022.  
  1023. </body>
  1024. </html>';
  1025.         break;
  1026.  
  1027.     case 'digital':
  1028.       echo '<html>
  1029. <head>
  1030.    <style type="text/css">
  1031.    body {font-family:Arial;background-color:'.$bg.';}        
  1032.    #holder {
  1033.        position: relative;
  1034.        top: 10px;
  1035.        left: 0px;
  1036.        width: 270px;
  1037.        height: 60px;
  1038.        border: none;
  1039.        margin: 0px auto;
  1040.    }
  1041.    
  1042.    #title, #note {
  1043.        color: '.$color.';          /* this determines the color of the DAYS, HRS, MIN,
  1044.                     SEC labels under the timer and the color of the
  1045.                     note that displays after reaching the target date
  1046.                     and time; if using the blue digital images,
  1047.                     change to #52C6FF; for the red images,
  1048.                     change to #FF6666; for the white images,
  1049.                     change to #BBBBBB; for the yellow images,
  1050.                     change to #FFFF00 */
  1051.    }
  1052.    
  1053.    #note {
  1054.        position: relative;
  1055.        top: 6px;
  1056.        height: 20px;
  1057.        width: 260px;
  1058.        margin: 0 auto;
  1059.        padding: 0px;
  1060.        text-align: center;
  1061.        font-family: Arial;
  1062.        font-size: 18px;
  1063.        font-weight: bold;    /* options are normal, bold, bolder, lighter */
  1064.        font-style: normal;   /* options are normal or italic */
  1065.        z-index: 1;
  1066.    }
  1067.    
  1068.    .title {
  1069.        border: none;
  1070.        padding: 0px;
  1071.        margin: 0px;
  1072.        width: 30px;
  1073.        text-align: center;
  1074.        font-family: Arial;
  1075.        font-size: 10px;
  1076.        font-weight: normal;    /* options are normal, bold, bolder, lighter */
  1077.        background-color: transparent;
  1078.    }
  1079.    
  1080.    #timer {
  1081.        position: relative;
  1082.        top: 0px;
  1083.        left: 0px;
  1084.        margin: 5px auto;
  1085.        text-align: center;
  1086.        width: 260px;
  1087.        height: 26px;
  1088.        border: none;
  1089.        padding: 10px 5px 20px 5px;
  1090.        background: #000000;            /* may change to another color, or to
  1091.                           "transparent" */
  1092.        border-radius: 20px;
  1093.        box-shadow: 0 0 10px #000000;   /* change to "none" if you don\'t want a
  1094.                           shadow */
  1095.    }
  1096.    </style>
  1097.    
  1098.    <script type="text/javascript">    
  1099.    /*
  1100.    Count down until any date script-
  1101.    By JavaScript Kit (www.javascriptkit.com)
  1102.    Over 200+ free scripts here!
  1103.    Modified by Robert M. Kuhnhenn, D.O.
  1104.    (www.rmkwebdesign.com/Countdown_Timers/)
  1105.    on 5/30/2006 to count down to a specific date AND time,
  1106.    on 10/20/2007 to a new format, on 1/10/2010 to include
  1107.    time zone offset, and on 7/12/2012 to digital numbers.
  1108.    */
  1109.    
  1110.    /*  
  1111.    CHANGE THE ITEMS BELOW TO CREATE YOUR COUNTDOWN TARGET DATE AND ANNOUNCEMENT
  1112.    ONCE THE TARGET DATE AND TIME ARE REACHED.
  1113.    */
  1114.    var note="Winter has arrived!"; /* -->Enter what you want the script to
  1115.                          display when the target date and time
  1116.                          are reached, limit to 25 characters */
  1117.    var year=2012;      /* -->Enter the count down target date YEAR */
  1118.    var month=12;       /* -->Enter the count down target date MONTH */
  1119.    var day=21;         /* -->Enter the count down target date DAY */
  1120.    var hour=6;         /* -->Enter the count down target date HOUR (24 hour
  1121.                      clock) */
  1122.    var minute=12;      /* -->Enter the count down target date MINUTE */
  1123.    var tz=-5;          /* -->Offset for your timezone in hours from UTC (see
  1124.                      http://wwp.greenwichmeantime.com/index.htm to find
  1125.                      the timezone offset for your location) */
  1126.    
  1127.    //-->    DO NOT CHANGE THE CODE BELOW!    <--  
  1128.    d1 = new Image(); d1.src = "images/digital-numbers/'.$color.'/1.png";
  1129.    d2 = new Image(); d2.src = "images/digital-numbers/'.$color.'/2.png";
  1130.    d3 = new Image(); d3.src = "images/digital-numbers/'.$color.'/3.png";
  1131.    d4 = new Image(); d4.src = "images/digital-numbers/'.$color.'/4.png";
  1132.    d5 = new Image(); d5.src = "images/digital-numbers/'.$color.'/5.png";
  1133.    d6 = new Image(); d6.src = "images/digital-numbers/'.$color.'/6.png";
  1134.    d7 = new Image(); d7.src = "images/digital-numbers/'.$color.'/7.png";
  1135.    d8 = new Image(); d8.src = "images/digital-numbers/'.$color.'/8.png";
  1136.    d9 = new Image(); d9.src = "images/digital-numbers/'.$color.'/9.png";
  1137.    d0 = new Image(); d0.src = "images/digital-numbers/'.$color.'/0.png";
  1138.    bkgd = new Image(); bkgd.src = "images/digital-numbers/'.$color.'/bkgd.gif";
  1139.    
  1140.    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  1141.    
  1142.    function countdown(yr,m,d,hr,min){
  1143.        theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
  1144.        var today=new Date();
  1145.        var todayy=today.getYear();
  1146.        if (todayy < 1000) {todayy+=1900;}
  1147.        var todaym=today.getMonth();
  1148.        var todayd=today.getDate();
  1149.        var todayh=today.getHours();
  1150.        var todaymin=today.getMinutes();
  1151.        var todaysec=today.getSeconds();
  1152.        var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
  1153.        var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
  1154.        var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
  1155.        var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
  1156.        var dd=futurestring-todaystring;
  1157.        var dday=Math.floor(dd/(60*60*1000*24)*1);
  1158.        var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
  1159.        var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
  1160.        var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
  1161.        if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
  1162.            document.getElementById(\'note\').innerHTML=note;
  1163.            document.getElementById(\'note\').style.display="block";
  1164.            document.getElementById(\'countdown\').style.display="none";
  1165.            clearTimeout(startTimer);
  1166.            return;
  1167.        }
  1168.        else {
  1169.            document.getElementById(\'note\').style.display="none";
  1170.            document.getElementById(\'timer\').style.display="block";
  1171.            startTimer = setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",500);
  1172.        }
  1173.        convert(dday,dhour,dmin,dsec);
  1174.    }
  1175.    
  1176.    function convert(d,h,m,s) {
  1177.        if (!document.images) return;
  1178.        if (d <= 9) {
  1179.            document.images.day1.src = bkgd.src;
  1180.            document.images.day2.src = bkgd.src;
  1181.            document.images.day3.src = eval("d"+d+".src");
  1182.        }
  1183.        else if (d <= 99) {
  1184.            document.images.day1.src = bkgd.src;
  1185.            document.images.day2.src = eval("d"+Math.floor(d/10)+".src");
  1186.            document.images.day3.src = eval("d"+(d%10)+".src");
  1187.        }
  1188.        else {
  1189.            document.images.day1.src = eval("d"+Math.floor(d/100)+".src");
  1190.            var day = d.toString();
  1191.            day = day.substr(1,1);
  1192.            day = parseInt(day);
  1193.            document.images.day2.src = eval("d"+day+".src");
  1194.            document.images.day3.src = eval("d"+(d%10)+".src");
  1195.        }
  1196.        if (h <= 9) {
  1197.            document.images.h1.src = d0.src;
  1198.            document.images.h2.src = eval("d"+h+".src");
  1199.        }
  1200.        else {
  1201.            document.images.h1.src = eval("d"+Math.floor(h/10)+".src");
  1202.            document.images.h2.src = eval("d"+(h%10)+".src");
  1203.        }
  1204.        if (m <= 9) {
  1205.            document.images.m1.src = d0.src;
  1206.            document.images.m2.src = eval("d"+m+".src");
  1207.        }
  1208.        else {
  1209.            document.images.m1.src = eval("d"+Math.floor(m/10)+".src");
  1210.            document.images.m2.src = eval("d"+(m%10)+".src");
  1211.        }
  1212.        if (s <= 9) {
  1213.            document.images.s1.src = d0.src;
  1214.            document.images.s2.src = eval("d"+s+".src");
  1215.        }
  1216.        else {
  1217.            document.images.s1.src = eval("d"+Math.floor(s/10)+".src");
  1218.            document.images.s2.src = eval("d"+(s%10)+".src");
  1219.        }
  1220.    }
  1221.    </script>
  1222.  
  1223.    <link rel="stylesheet" type="text/css" media="screen,print" href="navbar.css" />
  1224.        <script type="text/javascript" src="faq.js"></script>
  1225. </head>
  1226. <body onload="countdown('.$y.','.$m.','.$d.','.$h.','.$min.')">
  1227.    <div id="holder">
  1228.        <div id="timer">
  1229.            <div id="note"></div>
  1230.            <div id="countdown">
  1231.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day1">
  1232.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day2">
  1233.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="day3">
  1234.                <img height=21 id="colon1" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="d1">
  1235.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="h1">
  1236.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="h2">
  1237.                <img height=21 id="colon2" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="g1">
  1238.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="m1">
  1239.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="m2">
  1240.                <img height=21 id="colon3" src="images/digital-numbers/'.$color.'/colon.png" width=9 name="j1">
  1241.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="s1">
  1242.                <img height=21 src="images/digital-numbers/'.$color.'/bkgd.gif" width=16 name="s2">
  1243.                <div id="title">
  1244.                    <div class="title" style="position: absolute; top: 36px; left: 42px">'.$l[0].'</div>
  1245.                    <div class="title" style="position: absolute; top: 36px; left: 105px">HRS</div>
  1246.                    <div class="title" style="position: absolute; top: 36px; left: 156px">MIN</div>
  1247.                    <div class="title" style="position: absolute; top: 36px; left: 211px">SEC</div>
  1248.                </div>
  1249.            </div>
  1250.        </div>
  1251.    </div>
  1252. </body>
  1253. </html>';
  1254.       break;
  1255.  
  1256. }
  1257. ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!