云水论坛

标题: Discuz! 的版块图标设置修改方法整理 [打印本页]

作者: 森森    时间: 2011-2-17 20:57
标题: 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个相素







欢迎光临 云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5