为你的论坛添加左侧导航栏

先来看图
左侧那一部分 即是要添加的

首先在dw里新建一个命名为zuocedaohang.htm的文件，之后在其内添加导航链接
之后用dw打开 template\default\common/header.htm 在

1. <!--{/if}-->
   
2. 
   
3. <div id="wp" class="wp">

复制代码

中间一行添加<!--{subtemplate common/zuocedaohang}-->即可

上传，header.htm 和zuocedaohang.htm 到template\default\common/下，后台更新缓存即可

---

附上我的zuocedaohang.HTM

1. <style type="text/css">
   
2. <!--
   
3. .hli {
   
4. line-height: 35px;
   
5. border-bottom-width: 1px;
   
6. border-bottom-style: solid;
   
7. border-bottom-color: #ddd;
   
8. padding-left: 20px;
   
9. color: #0066FF;
   
10. text-decoration: none;
    
11. border-top-width: 1px;
    
12. border-top-style: solid;
    
13. border-top-color: #FFFFFF;
    
14. }
    
15. .biaotizg{
    
16. color:#000000;
    
17. padding-left: 20px;
    
18. font-weight: 900;
    
19. border-bottom-width: 1px;
    
20. border-bottom-style: solid;
    
21. border-bottom-color: #ddd;
    
22. line-height: 28px;
    
23. height: 28px;
    
24. }
    
25. .zgleft{
    
26. width:200px;
    
27. position:fixed;
    
28. _position:absolute;
    
29. left:0px;
    
30. top:0px;
    
31. display:block;
    
32. _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); height:768px;
    
33. background-color:#f8f8f8;
    
34. border-right:1px #ddd solid;
    
35. }
    
36. .zgleft a{ color:#369
    
37. 
    
38. }
    
39. .zgleft a:hover{ color:#FF0000
    
40. }
    
41. 
    
42. -->
    
43. </style>
    
44. <div class="zgleft">
    
45. <div class="biaotizg">糟糕网导航</div>
    
46. <div class="hli"><a >我的糟糕事</a></div>
    
47. <div class="hli"><a >书法交流</a></div>
    
48. <div class="hli"><a >家长学堂</a></div>
    
49. <div class="hli"><a >美文阅读</a></div>
    
50. <div class="hli"><a >爆笑图库</a> </div>
    
51. <div class="hli"><a >糟糕漫画</a></div>
    
52. <div class="biaotizg">活动指南</div>
    
53. <div class="hli"><a >每周六书法交流说明</a></div>
    
54. <div class="hli"><a >投票调查</a> <a >发起一个投票</a></div>
    
55. <div class="biaotizg">帮助</div>
    
56. <div class="hli"><a >如何注册？</a></div>
    
57. <div class="hli"><a >如何更换头像？</a></div>
    
58. <div class="hli"><a >如何发布图片？</a></div>
    
59. <div class="hli"><a >查看金钱排行榜</a></div>
    
60. <div class="biaotizg"><a >注册</a> <a ><font color="#FF0000">登录</font></a></div>
    
61. <div class="biaotizg"><a ><font color="#FF0000">快速发布</font></a></div>
    
62. <!--[diy=diy20130404]--><div id="diy20130404" class="area"></div><!--[/diy]-->
    
63. </div>
    

复制代码

楼主你首页风格是什么模板？？

自创的

这个真心有用 谢谢楼主分享 比付费插件好啊！

那么我动态将门户频道左侧导航可以可以吗？

我只是想一个页面这么弄，应该在哪里修改代码。大神

楼主能留个联系方式啊，我按照你说的做了，一点反应也没

我也来看了，很不错，收藏了

我试了也不行！