【萧公馆】仿朋友网2012倒计时 For All

演示网站：http://www.ibiuu.com/
萧公馆下载：http://www.imshaw.net/thread-157-1-1.html
新站赞助下载：http://www.ibiuu.com/thread-122-1-1.html

预览：

代码：

1. <style>
   
2. .mod-xmas {
   
3.   width:250px;
   
4.         height:100px;
   
5.         background-image:url({IMGDIR}/timebg.jpg);
   
6.         overflow:hidden;
   
7.         position:relative;
   
8.   #zoom:1;
   
9.         cursor:pointer
   
10. }
    
11. .hide-clip {
    
12.         position:absolute!important;
    
13.         clip:rect(1px 1px 1px 1px);
    
14.         clip:rect(1px,1px,1px,1px);
    
15.         padding:0!important;
    
16.         border:0!important;
    
17.         height:1px!important;
    
18.         line-height:0!important;
    
19.         width:1px!important;
    
20.         overflow:hidden
    
21. }
    
22. .xmas-count {
    
23.         font-size:21px;
    
24.         font-family:Georgia, Tahoma;
    
25.         position:absolute;
    
26.         top:36px;
    
27.         color:#636a86;
    
28.         height:30px;
    
29.         line-height:25px;
    
30.         text-align:center
    
31. }
    
32. .count-houres {
    
33.         left:20px;
    
34.         width:63px
    
35. }
    
36. .count-min {
    
37.         left:140px;
    
38.         width:47px
    
39. }
    
40. </style>
    
41. <script language="javascript" type="text/javascript">
    
42. <!--
    
43. //document.write("");
    
44. function dtime(){
    
45. window.setTimeout("dtime()", 1000);
    
46. EndDay=new Date("1-1-2012");//改成你的计时日期
    
47. today=new Date();
    
48. timeold=(EndDay.getTime()-today.getTime());
    
49. sectimeold=timeold/1000
    
50. secondsold=Math.floor(sectimeold);
    
51. msPerDay=24*60*60*1000
    
52. e_daysold=timeold/msPerDay
    
53. daysold=Math.floor(e_daysold);
    
54. e_hrsold=(e_daysold-daysold)*24;
    
55. hrsold=Math.floor(e_hrsold);
    
56. e_minsold=(e_hrsold-hrsold)*60;
    
57. minsold=Math.floor((e_hrsold-hrsold)*60);
    
58. seconds=Math.floor((e_minsold-minsold)*60);
    
59. document.getElementById("counter_hours").innerHTML=daysold * 24 + hrsold;
    
60. document.getElementById("counter_minute").innerHTML=minsold + 1;
    
61. }
    
62. dtime();
    
63. //-->
    
64. </script>
    
65. <div class="mod-xmas" onclick="javascript:window.location.href='home.php?mod=space&do=doing';">
    
66.         <span class="hide-clip">距2012还有</span>
    
67.         <div class="xmas-count count-houres" id="dhours"><span id="counter_hours"></span><span class="hide-clip">小时</span></div>
    
68.         <div class="xmas-count count-min" id="dminute"><span id="counter_minute"></span><span class="hide-clip">分钟</span></div>
    
69.         <span class="hide-clip">写下一句话给2012的自己吧</span>
    
70. </div>

复制代码

威兔风格的直接在边栏页面插入<div class="v2-boxtr"></div><div class="v2-box"></div><div class="v2-boxbrj"></div>格式即可。其他模板请自行寻找插入点。
PS：点击跳转代码：<div class="mod-xmas">
如果想点击跳转到你自己的指定页面，修改其中的home.php?mod=space&do=doing链接即可，我默认的是跳转到家园记录页面。
图片文件及PSD：

楼主的主题不错！

依然初夏http://www.yiranes.com赞一个

不错。

:kiss:

  支持个哦！

www.hfjuhui.com 已用 通过DIY实现的 谢谢分享

楼主的风格也不错！