我猜你会喜欢的首页N格，比收费的都好，免费啦！长沙建站网自用的哦

模块简介
      Discuz的论坛首页N格一直以来都是很多站长所喜爱的，在应用中心很普通的作品都卖到几十块，而品质我认为根本不如我们这个自用的，我们一直追求一种简约的美。这个模块最大的特点也是简约简单，比如幻灯切换特效不采用另外的JS库，而是直接调用DZ自带JS的效果，当然通过我们对其改装，这样使得代码体积尽可能小。模块预览
演示地址：http://bbs.changshajianzhan.com/



使用方法
1、添加HTML代码。把以下代码加入到你当前使用的模板的discuz.htm文件中，比如我们当前使用的模板路径为weigou_one，则是template/weigou_one/forum/discuz.htm，如果你的模板没有这个文件，那么在默认模板中复制改文件在当前目录，当然如果你是使用默认模板，则在默认路径下修改该文件即可。
添加到以下代码前面

1. <div id="ct" class=" wp cl{if $_G['setting']['forumallowside']} ct2{/if}">

复制代码

添加的HTML+CSS代码为：

1. <style>
   
2. /*论坛n格*/
   
3. .wgbbsnge { padding:1%; border:1px #eee solid; margin-bottom:10px;}
   
4. .wgbbsnge .l{ float:left; width:36%; }
   
5. .wgbbsnge .r{ float:right; width:62%;}
   
6. .wgbbsnge .frame,.wgbbsnge .frame-tab{ border:0;}
   
7. .bbshd .slidebox{ position:relative;*height:394px;}
   
8. .bbshd .slideshow{*height:300px;overflow:hidden;}
   
9. .bbshd .slideshow a{ font-size:0; height:0;}
   
10. .bbshd .slidebarw img{ width:500px; height:360px;}
    
11. .bbshd .slidebarwg{ position:absolute; bottom:85px; *bottom:90px;right:10px;}
    
12. .bbshd .slidebarwg li{ width:10px; height:10px; margin-left:5px; background:#ccc; color:#ccc;border-radius:5px}
    
13. .bbshd .slidebarwg li.on{ background:#0595c7; color:#0595c7;}
    
14. .bbshd dl{ background:#f8f8f8; padding:5px 10px;}
    
15. .bbshd dt{ font-size:16px; line-height:30px;}
    
16. .bbshd dd{ font-size:12px; color:#999;}
    
17. .bbstoutiao dt{ padding:0 0 5px; font-size:18px;}
    
18. .bbstoutiao dd{ line-height:22px; margin-bottom:3px;}
    
19. .bbstoutiao dd a{ margin-left:10px; color:#0595c7;}
    
20. .bbstoutiao dd a:hover{ background:#0595c7; color:#fff;}
    
21. /*bbstab*/
    
22. .bbstab{ border:0; margin-top:10px; margin-bottom:0;}
    
23. .bbstab .tab-title{ background:none; height:28px; line-height:28px;}
    
24. .bbstab .tb-c{ padding:10px 0 3px;}
    
25. .bbstab .tb{ padding:0; margin-right:-21px;}
    
26. .bbstab .tb  li{ margin-right:21px; height:28px; line-height:28px;}
    
27. .bbstab .tb  li a { background:#eee; padding:0 15px;height:28px; line-height:28px;border-radius: 5px;}
    
28. .bbstab .tb li.a a{ background:#0595c7; color:#fff; font-weight:400;}
    
29. .bbstab .tb a{ border:0;}
    
30. .bbstab .xl li{  height:25px; line-height:25px;font-size:14px;}
    
31. .bbstab .xl li a.bk{ color:#0595c7;}
    
32. .bbstab .xl li i{ font-size:12px; color:#999;}
    
33. </style>

复制代码

1. <div class="wgbbsnge">
   
2.    <div class="l">
   
3.        <!--[diy=diywgbbs1]--><div id="diywgbbs1" class="area"></div><!--[/diy]-->
   
4.    </div>
   
5.    <div class="r">
   
6.        <!--[diy=diywgbbs2]--><div id="diywgbbs2" class="area"></div><!--[/diy]-->
   
7.         <!--[diy=diywgbbs3]--><div id="diywgbbs3" class="area"></div><!--[/diy]-->
   
8.    </div>
   
9.    <div style="clear:both;"></div>
   
10. </div>

复制代码

3、导入DIY文件。在论坛首页导入以下DIY文件

收费5个金币，不想花金币的，去原始页下载http://bbs.changshajianzhan.com/thread-18-1-1.html

注意：
以上CSS样式是适合我们这个网站的宽度（999px），如果你的网站是1200px或者960px以及自适应的，那么你得给你的上述CSS进行微调，比如如果你的网站是960px的（DZ默认模板宽度）。那么虽然左右我在CSS里面使用了%，但你需要调节图片的width，如果有不明白的地方直接在这里或原始页回帖！