IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

Discuz!7.0横版及子版块图标显示方法

快享 2010-01-13 14:11:01 累计浏览 5,982 次
本机暂存

论坛里有很多解决方案,但是都有问题,在这里给大家提供一个终极方案。

1.在后台为横版版块添加图标
2.修改templates/default/discuz.htm
找到这一行,大概在158行

以下是代码片段:
<th width="$cat[forumcolwidth]"{$forum[folder]}>

将这一行修改成

以下是代码片段:
<!--{if $forum[icon]}-->
<td width="$cat[forumcolwidth]"{$forum[folder]}>{$forum[icon]}
<!--{else}-->
<th width="$cat[forumcolwidth]"{$forum[folder]}>
<!--{/if}-->

解释一下代码的意思,判断如果设置了版块图标,则显示图标(为什么th改成td呢,因为DZ7里面有一个css样式".list th",用来控制横版的图标显示,改成td之后原来的样式就不生效了,就是说,如果设置了图标就显示图标而不显示原来的气泡图标),接下来判断如果没有设置图标就显示原来默认的气泡图标。
其实这个还有有一点问题的,就是横版图标可以正常显示,可以后面的“(今日:20)”字体样式变化了。。正常情况“20"这个数字应该高亮显示的,可以现在全变灰色了。。

所以应该在样式表里加上这么一段。。

以下是代码片段:
.list td h2 em strong { color: {NOTICETEXT} }
.list td h2 em {font-width:400}

子版块横排显示板块图片的方法

forumdisplay_subforum.htm 文件
找到:

以下是代码片段:
<th width="{$forum[forumcolwidth]}"$sub[folder]>

修改为:
以下是代码片段:
<th width="{$forum[forumcolwidth]}">$sub[icon]

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 各公司对前端开发的职位描述 (累计阅读 10,405)
  2. 浏览器的渲染原理简介 (累计阅读 8,377)
  3. iframe里src="about:blank"的问题。 (累计阅读 8,089)
  4. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  5. 2010网页设计趋势 (累计阅读 7,818)
  6. Web前端工程师编程能力飞升之路 (累计阅读 7,691)
  7. 为什么招不到人 (累计阅读 7,580)
  8. 如何判断自己是否到了该辞职的时候 (累计阅读 7,441)
  9. 如何成为一名优秀的web前端工程师(前端攻城师)? (累计阅读 7,213)
  10. 警惕 Chrome 的查看源代码 (View Page Source) 功能 (累计阅读 7,170)