Discuz! 的版块图标设置修改方法整理

森森

 
如果使用了大一点儿的版块图标，则没有设置板块图标的版块的图标会对不齐，导致空白不均匀，那么怎样使有无新帖的图标垂直居中？

打开css_common.htm
搜索background-image: url({IMGDIR}/forum_new.gif)
然后在此后面分号的前面加上 5px 50%
这样只改了有新帖的部分
再此位置朝上看两行
把background: url({IMGDIR}/forum.gif) 5px 10px中的10px改成50%
更新缓存



某同学的参考方法：

以 Discuz!7.0 为例：去除Discuz!默认的有无新帖图标
打开模板文件 css_common.htm，找到如下代码：

1. .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
2. .narrowlist th { vertical-align: top; }
3. .list th.new { background-image: url({IMGDIR}/forum_new.gif); }

复制代码
修改为：

1. .list th { background: #FFF; padding-left: 5px !important; } /* 去除无新帖图标，并设置版块图标左边的空白的宽度大小*/
2. .narrowlist th { vertical-align: top; }
3. .list th.new { background-image: #FFF; } /* 去除有新帖图标*/

复制代码

某同学

------------------------去掉有无新贴图标------------------------

风格目录中的CSS文件，如：templates/default/css_common.htm

注：如果现在你用的风格中也有css_common.htm（或者是css_append.htm），同样要修改。


搜索下面的代码删除：分两步
一，搜索下面的代码，删除：

* .list th.new { background-image: url({IMGDIR}/forum_new.gif); }


复制代码
二，搜索下面的代码，删除：

* .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }


复制代码
如果觉得去掉之后版块图标距离边界太近，可以将第二步中的删除，修改：

* .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }


复制代码
修改成

* .list th {padding-left: 5px !important; }


复制代码
padding-left: 5px 表示版块图标距离左边界5个相素