Discuz论坛版块今日帖数美化 For Discuz X2.5

dly · 发表于 2012-7-24 10:42:46

版块 - 今日帖数美化
只不过把各版块后面的今日帖数加以美化，并搬到版块图标的右上角，清纯简洁吧

美化前

美化后，多了框框，较容易看到的

修改方法：修改前最好备份一下，养成好习惯！

首先打开discuz.htm文件
然后寻找以下代码（注意总共有四个代码）

<a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>

复制代码

把所找到的代码都换成下面的代码，四个代码都要换

<a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum.png" alt="$forum[name]" /></a>
<div class="xw0 sumposts" title="{lang forum_todayposts}"><div><em>$forum[todayposts]</em></div></div>

复制代码

接着，打开正在使用的风格的common.css文件或extend_common.css文件。
在最下面添加一下代码：

.fl_icn_g .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
.sumposts div { background: url({IMGDIR}/count_blue.png) no-repeat scroll 0 0 transparent; height: 27px; }
.sumposts em { display: block; font-weight: bold; height: 17px; line-height: 17px; margin-right: -14px; min-width: 14px; padding: 5px 7px; text-align: center; }
.fl_icn .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
.ie7 .fl_icn_g .sumposts { margin-top: -10px; margin-left: -22px; }

复制代码

最后，下载图片，将解压出来的一个图片上传到正在使用的风格的图片目录内。
图片共有三种颜色，蓝红绿。
默认是蓝的，如换红或绿，只须把count_red.png或count_green.png换count_blue.png即可。

count_blue.png

count_red.png

count_green.png

游客，如果您要查看本帖隐藏内容请回复

HBXX · 发表于 2012-10-4 15:17:53

不错支持顶起来

回忆果味 · 发表于 2012-12-13 21:28:02

强烈支持楼主ing……

回忆果味 · 发表于 2012-12-13 21:36:31

楼主啊不行啊按照上述方法图标偏移了

JUN · 发表于 2013-1-6 13:16:49

强烈支持楼主ing……我无语了……

茉格锦辞ˇ · 发表于 2013-1-28 19:07:34

强烈支持楼主ing……

游戏吧丶小磊 · 发表于 2013-1-28 19:12:11

强烈支持楼主ing……

玛莎垃圾 · 发表于 2016-8-14 12:59:48

洗擦啊撒撒

[代码修改] Discuz论坛版块今日帖数美化 For Discuz X2.5