设为首页收藏本站

Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 11032|回复: 2

[发布] discuz 首页板块导航 TAB板块DIY教程

[复制链接]
发表于 2018-12-22 15:12:41 | 显示全部楼层 |阅读模式

x.jpg

360截图-16080083.jpg


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

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

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

操作:
1、插入TAB框架

11x.jpg
2、添加模块 (选择板块模块

22x.jpg

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

44x.jpg

4、选择“模块板块”

33x.jpg

代码在这里:

  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. <p><div style="width:60px;float:left;">主题:{threads} </div> <div style="width:80px;float:left;"> 帖数:{posts}</div></p>
  11. </div>

  12. [/loop]

  13. </ul>
  14. </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的帖子。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|Comsenz ( 粤B2-20090059-165 )  star

GMT+8, 2019-5-21 20:37

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表