修改涉及文件:
templates/default/css_common.htm
templates/default/discuz.htm
方法步骤:
1、下载附件,将其上传至论坛的images/default目录;
注:附件里两个图片文件是一样的,区分有无新帖的图,因为本站不区分,所以两个图一样,如果需要区分,自己做两个不一样的图即可!
2、打开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); }
复制代码删除上面这一行!然后在文件末尾添加: .todaynew { width:61px; height:57px; float:left; background:url({IMGDIR}/today_new.gif) no-repeat center top; margin:5px; text-align:center; color:#ffffff; font-weight:bold; font-size:15px; line-height:23px; font-family: Georgia, "Times New Roman", Times, serif; }
.todaynew p { display:block; font-weight:100; margin:0px; padding:0px; border:0px; color:#858D92;}
.today { width:61px; height:57px; float:left; background:url({IMGDIR}/today.gif) no-repeat center top; margin:5px; text-align:center; color:#ffffff; font-weight:bold; font-size:15px; line-height:23px; font-family: Georgia, "Times New Roman", Times, serif; }
.today p { display:block; font-weight:100; margin:0px; padding:0px; border:0px; color:#858D92; font-size:11px; }
复制代码3、打开discuz.htm文件,查找:<h2><a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if}>$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: <strong>$forum[todayposts]</strong>)</em><!--{/if}--></h2>
复制代码替换成:<!--{if $forum[todayposts] && !$forum['redirect']}--><div class="todaynew">$forum[todayposts]</div><!--{else}--><div class="today">0</div><!--{/if}--><h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a></h2>
复制代码4、后台 -- 界面 -- 风格管理 -- 更新CSS缓存!(此步骤重要)
图标演示:
psd源文件下载:
演示站:www.diyser.cn |