首页板块导航 TAB板块DIY教程，看了你就会

早阵看到GFAN等论坛弄了首页板块TAB DIY导航，觉得比较友好，在论坛找了N久找不到教程，如是自己花了一个晚上时间调试了一下效果如：http://www.anzhuo2.com

不过目前有一个问题有些板块的今日帖子数不实时更新，有会的朋友回帖告诉我。



先进入DIY高级模式插入TAB框架，然后设置你想要的标题跟样式。自己去调试哦。

然后插入论坛类 板块模块，选择好就插入的大类，你也可以指定一些板块的ID。然后设置模版

1. <div class="module cl xl <font color="#ff0000">xl3</font>">
   
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="40" height="60" 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里查找XL2把这个复制一份写成XL3 有2处地方哦。

然后清理缓存看看效果如何

如果不要显示图片的不需要设置CSS，直接用XL2

CSS怎么写？

或者说CSS的代码位置在那个文件夹呢？楼主

我的做好以后跟你的不一样啊

可以是一样的  CSS就DZ默认CSS里直接查找XL2 复制一份 改成XL3

找了好久了，以为不能做呢，看了楼主的帖子有看到i了希望

看起来不错的TAB

你的更新不及时的问题应该是设置的自动更新时间的没设置好

fyjh 发表于 2012-11-25 14:38
可以是一样的  CSS就DZ默认CSS里直接查找XL2 复制一份 改成XL3

DZ默认的CSS在那个文件夹里？楼主好人