【6月9日已更新】简洁 大方 素雅的风格~！侧边DIY！首页头部导航！全部放出！

介于很多人说错位问题，已经修复

演示站 www.qtsir.com



废话不多说， 上图






看展示站：www.qtsir.com

第一步 发放我的顶部导航，添加方法： 全局-SEO设置-其他

1. <center><STYLE type=text/css>
   
2. <!--
   
3. /* 顶部迷你导航 */
   
4. #miniNav { margin-bottom: 5px; height:25px; border-bottom:1px solid #CAD9EA; background:#F8F8F8; color:#333; text-align:center; }
   
5. #miniNav .outer { width:980px; margin:0 auto; }
   
6. #miniNav .left { float:left; }
   
7. #miniNav .right { float:right; }
   
8. #miniNav .redtxt { color:#F00; }
   
9. #miniNav span { font-family:"宋体"; color:#A1A0A0; line-height:25px; }
   
10. #miniNav a { color:#666; margin:0 3px; font-size:12px; text-decoration:none; line-height:25px; padding:1px 3px 1px 3px; }
    
11. #miniNav a:hover { color:#fff; background:#09C; }
    
12. -->
    
13. </STYLE>
    
14. <SCRIPT language=javascript type=text/javascript>
    
15. function addBookmark(title){var url=parent.location.href;if(window.sidebar){window.sidebar.addPanel(title,url,"")}else if(document.all){window.external.AddFavorite(url,title)}else if(window.opera&&window.print){return true}}
    
16. function setHome(obj,vrl){try{obj.style.behavior='url(#default#homepage)'; obj.setHomePage(vrl)}catch(e){if(window.netscape) {try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")}catch(e) {alert("抱歉！您的浏览器不支持直接设为首页。请在浏览器地址栏输入“about:config”并回车然后将 [signed.applets.codebase_principal_support]设置为“true”，点击“加入收藏”后忽略安全提示，即可设置成功。")}var prefs=Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);prefs.setCharPref('browser.startup.homepage',vrl)}}}
    
17. </SCRIPT>
    
18. <div id=miniNav style="width: 1280px; height: 31px">
    
19. <div class=outer>
    
20. <div class=left><a style="position:relative;top:3px;;"><iframe src="http://m.weather.com.cn/m/pn7/weather.htm " width="195" height="20" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe></a>
    
21. <div style="CLEAR: both"></div></div>
    
22. <div class=right><a><font color=#000033>今天是：</font>
    
23. <SCRIPT language=javascript>
    
24. function Year_Month(){
    
25. var now = new Date();
    
26. var yy = now.getYear();
    
27. var mm = now.getMonth()+1;
    
28. var cl = '';
    
29. if (now.getDay() == 0) cl = '';
    
30. if (now.getDay() == 6) cl = '';
    
31. return(cl + yy + '年' + mm + '月');
    
32. }
    
33. function Date_of_Today(){
    
34. var now = new Date();
    
35. var cl = '';
    
36. if (now.getDay() == 0) cl = '';
    
37. if (now.getDay() == 6) cl = '';
    
38. return(cl + now.getDate() + '日');
    
39. }
    
40. function Day_of_Today(){
    
41. var day = new Array();
    
42. day[0] = "星期日";
    
43. day[1] = "星期一";
    
44. day[2] = "星期二";
    
45. day[3] = "星期三";
    
46. day[4] = "星期四";
    
47. day[5] = "星期五";
    
48. day[6] = "星期六";
    
49. var now = new Date();
    
50. var cl = '';
    
51. if (now.getDay() == 0) cl = '';
    
52. if (now.getDay() == 6) cl = '';
    
53. return(cl + day[now.getDay()] + '');
    
54. }
    
55. function CurentTime(){
    
56. var now = new Date();
    
57. var hh = now.getHours();
    
58. var mm = now.getMinutes();
    
59. var ss = now.getTime() % 60000;
    
60. ss = (ss - (ss % 1000)) / 1000;
    
61. var clock = hh+':';
    
62. if (mm < 10) clock += '0';
    
63. clock += mm+':';
    
64. if (ss < 10) clock += '0';
    
65. clock += ss;
    
66. return(clock);
    
67. }
    
68. function refreshCalendarClock(){
    
69. document.all.calendarClock1.innerHTML = Year_Month();
    
70. document.all.calendarClock2.innerHTML = Date_of_Today();
    
71. document.all.calendarClock3.innerHTML = Day_of_Today();
    
72. document.all.calendarClock4.innerHTML = CurentTime();
    
73. }
    
74. document.write('<span id="calendarClock1"> </span>');
    
75. document.write('<span id="calendarClock2"> </span>  ');
    
76. document.write('<span id="calendarClock3"> </span>  ');
    
77. document.write('<span id="calendarClock4"> </span>');
    
78. setInterval('refreshCalendarClock()', 1000);
    
79. // --></SCRIPT>
    
80. </font>
    
81. </a>
    
82. <A > </A><A href="http://qt.nokia.com/title-cn" target=_blank><font color=#000033>QT官网</font></A> |
    
83. <A href="http://www.nokia.com.cn/" target=_blank><font color=#000033>NOKIA官网</font></A> |
    
84. <A onclick=setHome(this,window.location) href="javascript:;" target=_top>设为首页</A><SPAN>|</SPAN>
    
85. <A onclick=addBookmark(document.title); href="javascript:;" target=_top><font color=#ff0000>收藏</font></A>
    
86. </TD></TR></TBODY></TABLE></TD>
    
87. </div></div></div></center>

复制代码

由于我屏幕是24寸宽屏 分辨率是1980 导航将被无限拉长 所以我稍微做修改

1. <div id=miniNav style="width: 1280px; height: 31px">

复制代码

将上面 1280px 改成你需要的长度，我认为我长度刚刚好

第二步：侧边栏   下面的最新图片我调用的是会员相册里的最新图片！我打算给上面的banner 改成幻灯片，到时候再放出来

         

新幻灯片效果展示




第三步：发风格

      
      


      


X1.5版

不顶 对不住楼主啊 www.hnyyrc.com

12585844@qq.com 期待楼主分享！ 感谢！

没金币。。。。。

自己顶  

支持楼主啊~！

好漂亮。楼主辛苦了

dengyunxuan@qq.com