discuz 首页板块导航 TAB板块DIY教程

主要参考https://discuz.dismall.com/thread-3158804-1-1.html  由于回帖很多人补充不能DIY，帖子久了没办法回复，我做了一点小调整改。

我的当前DZ版本  X3.3 X3.2 3.1大同小异吧。

我的请看  http://www.gongzubang.com/forum.php

操作：
1、插入TAB框架


2、添加模块 （选择板块模块）



3、模块选择展示的ID后，确认后。后面再点属性



4、选择“模块板块”



代码在这里：

1. <div class="module cl xl xl3">
   
2. <ul>
   
3. [loop]
   
4. <li style="width:20%" >
   
5. <div style="float:left;width:40px;">
   
6. <a href="{url}" title="{title}" ><img src="{icon}" width="31" height="29" alt="{title}"></a>
   
7. </div>
   
8. <div class="tong">
   
9. <strong><a href="{url}" title="{title}" >{title}</a></strong><font color=red>({todayposts})</font>
   
10. 
    
11. <p><div style="width:60px;float:left;">主题：{threads} </div> <div style="width:80px;float:left;"> 帖数：{posts}</div></p>
    
12. </div>
    
13. 
    
14. [/loop]
    
15. 
    
16. </ul>
    
17. </div>

复制代码

把上面的代码复制，填入上图。

然后，需要修改css部分。位置/template/default/common/common.css

X3.3 版本修改的位置在
/template/default/common/common.css 的915行。

1.         .xl2 li { float: left; margin: 2px 0; padding: 0; width: 50%; height: 1.5em; overflow: hidden; }

复制代码

修改成

1.         .xl2 li { float: left; margin: 2px 0; padding: 0; width: 50%; height: 1.5em; overflow: hidden; }
   
2.         .xl3 li { float: left; margin: 10px 0; padding: 0; width: 50%; height: 4.0em; overflow: hidden; }

复制代码

注意这里，我做了一点小调整。主要参考fyjh的帖子。

感谢分享

精品！！