清爽、大气、简洁风格发布

截屏如下：




演示：开心论坛
http://www.tedabbs.net



有网友问首页横排如何实现，答：
横排模板其实就是修改了discuz.htm文件。使用文件对比软件可以看出修改了那些内容。
如果怕麻烦，直接覆盖相应的模板文件即可。在模板文件夹里。
首页多格还需要在前台diy内倒入xml文件。
二级导航代码在下面帖子也放出。

注明：没有任何不良代码，至少我自己检查过。
模板里和xml里tedabbs.net的链接请修改成自己的地址。

楼主先检查下你的N格哈/被放暗链了，这个N格的发布者使用了歪念让你们帮他免费做外链优化了，这里也提醒采用DIY的站长们在导入他人提供的数据导入文件xml时注意检查下是不是有外链，包括当前正在参赛的某风格作品，这里就不点明了
<li  style="display:none"><a href="http://www.****.com">www.****.com</a></li>

严重要求楼猪放出横版美化代码

好。。。。。。。。。。

不被谁所认识 发表于 2011-7-1 20:07
楼主先检查下你的N格哈/被放暗链了，这个N格的发布者使用了歪念让你们帮他免费做外链优化了，这里也提醒采用 ...

谢谢提醒，发现了两个论坛的。
这里也建议大家提高注意

510785070 发表于 2011-7-1 20:31
严重要求楼猪放出横版美化代码

虽然不是楼猪，还是贡献出来

1. <div id="mu" class="cl">
   
2. 
   
3. 
   
4. </div><div class="a_mu">
   
5. 
   
6. 
   
7. <style type="text/css">
   
8. #nav_bottom {
   
9. 
   
10. 
    
11. background-image: url(/image/nav_bottom.png);
    
12. 
    
13. 
    
14. height: 58px;
    
15. 
    
16. 
    
17. padding-top: 8px;
    
18. 
    
19. 
    
20. width: 960px;
    
21. 
    
22. 
    
23. }
    
24. 
    
25. 
    
26. </style>
    
27. 
    
28. 
    
29. <div id="nav_bottom">
    
30. 
    
31. 
    
32. <table width="960" border="0" align="center" style="font-size:12px;">
    
33. 
    
34. 
    
35. <tbody>
    
36. 
    
37. 
    
38. <tr>
    
39. 
    
40. 
    
41. <td width="29" rowspan="2" style="padding-left:8px;"><a href="forum.php"><img src="image/menu_luntan.png" width="29" height="47"></a></td>
    
42. 
    
43. 
    
44. <td valign="middle" style="padding-left:0px;"><a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=36">开心茶馆</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=2">笑林广记</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=38">精彩贴图</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=43">驴行天下</a></td>
    
45. 
    
46. 
    
47. <td width="29" rowspan="2"><a href="http://www.tedabbs.net/forum.php"><img src="image/menu_shequ.png" width="29" height="47"></a></td>
    
48. 
    
49. 
    
50. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=66">泰达新闻</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=67">便民信息</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=68">左邻右舍</a></td>
    
51. 
    
52. 
    
53. <td width="29" rowspan="2"><a href="http://www.tedabbs.net/forum.php"><img src="image/menu_huiyuan.png" width="29" height="47"></a></td>
    
54. 
    
55. 
    
56. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/forum.php?mod=viewthread&tid=1380&extra=page%3D1">新人报到</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=56">VIP交流</a></td>
    
57. 
    
58. 
    
59. <td width="29" rowspan="2"><a href="http://www.tedabbs.net/forum.php"><img src="image/menu_yingyong.png" width="29" height="47"></a></td>
    
60. 
    
61. 
    
62. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/plugin.php?id=mz_pptv:pptv">在线影院</a> | <a href="http://www.tedabbs.net/plugin.php?id=luckypacket:luckypacket">每日红包</a> | <a href="http://www.tedabbs.net/plugin.php?id=huxstar:huxstar"><font color=red>社区赌场</font></a></td>
    
63. 
    
64. 
    
65. </tr>
    
66. 
    
67. 
    
68. <tr>
    
69. 
    
70. 
    
71. <td valign="middle" style="padding-left:0px;"><a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=37">影视音乐</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=52">游戏天空</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=46">天天读书</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=44">数码科技</a></td>
    
72. 
    
73. 
    
74. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=50">妈咪宝贝</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=47">运动健身</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=54">情感心灵</a></td>
    
75. 
    
76. 
    
77. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=64">站务交流</a> | <a href="http://www.tedabbs.net/forum.php?mod=forumdisplay&fid=40"><font color=red>VIP申请</font></a></td>
    
78. 
    
79. 
    
80. <td valign="middle" style="padding-left:10px;"><a href="http://www.tedabbs.net/plugin.php?id=yuzhepage&action=group" target="_blank">泰达同乡</a> | <a href="http://www.tedabbs.net/home.php" >开心家园</a> | <a href="http://www.netitv.com/a_flash/tysx_1_2/livelistTV/livePlayer.html">网络电视</a></td>
    
81. 
    
82. 
    
83. </tr>
    
84. 
    
85. 
    
86. </tbody></table>
    
87. 
    
88. 
    
89. </div></div>

复制代码

nnd 发表于 2011-7-1 22:06
虽然不是楼猪，还是贡献出来

这不是二级导航 代码吗？我有了啊

横版的这个效果怎么实现的啊

510785070 发表于 2011-7-1 23:19
横版的这个效果怎么实现的啊

就是，这个怎么实现的？？？