本文目录一览:
- 1、Discuz! 7.2的版块图标如何修改
- 2、如何更改discuz板块图标
- 3、discuz如何实现文章列表前的小图标
Discuz! 7.2的版块图标如何修改
打开template/default/css_common.htm
找到:
.list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }
复制代码
在找到:
.list th.new { background-image: url({IMGDIR}/forum_new.gif); }
复制代码
把这两段代码去掉。
记得改的时候要备份源文件。
改好上传覆盖,后台更新缓存。就OK了。
横排显示自定义图标:
打开templates\default\discuz.htm
查找:
th width="$cat[forumcolwidth]"{$forum[folder]}
复制代码
改为:
th width="$cat[forumcolwidth]"{$forum[icon]}
复制代码
就可以了。
如何更改discuz板块图标
到后台 版块管理 编辑 然后上传或填写图标的地址即可,还可以设置该图标的宽度的
discuz如何实现文章列表前的小图标
其实很简单。
diy默认的列表代码类似这样的
div class="module cl xl xl1"
ul
[loop]
lia href="{url}" title="{title}"{target}{title}/a/li
[/loop]
/ul
/div
改造:去掉class="module cl xl xl1" 例如换成class="video-list",然后在每个li里加个em/em,再加上对应的css,完整代码如下:
style
.video-list li{padding-left:25px;}
.video-list li em{background:url(图标地址) no-repeat center center;}
/style
div class="video-list"
ul
[loop]
liem/ema href="{url}" title="{title}"{target}{title}/a/li
[/loop]
/ul
/div
图标地址自己换下,em的背景图就是那个摄像机的图标。
因背景不占位,所以要让li内左边距让出25px。
css代码最好放css文件里去。
哎,或许em多余了。。
直接在.video-list li里加背景图,x轴左,y轴居中,依然让出25px,这也是可以的。