空间管理您的位置: SupeSite/X-Space官方站 » goldenfaith » 日志

[style|GF]discuz6.0风格模板常见修改方法

上一篇 / 下一篇 2007-09-07 11:55:34 / 精华(1) / 个人分类：discuz风格制作

查看( 825 ) / 评论( 137 )

// ============================================================
// 之前我写过"DISCUZ 5.5.0风格一些简单实用的修改方法"，本帖就当作是这篇文章的延续吧。
// 希望对大家修改6.0的风格有所帮助。
// 南芝恋有一片文章"6.0模板中一些大家作风格可能需要修改的地方"，其中包含的内容我就不写了。
// 5楼新添加一些菜单栏的修改方法(9月6号)
// 新添加 discuz6.0首页版主显示位置改回5.X的方法
// ============================================================

=====模版修改技巧=====

QUOTE:

后台－基本设置－论坛功能－缓存 CSS 风格－选择"否"
这样在修改模板文件后不必再更新CSS缓存，可以直接在浏览器里按"F5"刷新看到效果，建议在本地测试的时候使用。

=====浏览器右侧滚动条(IE)=====

QUOTE:

修改价值：☆☆☆
① 打开css.htm
在文件末尾添加(仅仅是例子)
QUOTE:

html, body { scrollbar-face-color: #FFF; scrollbar-shadow-color: #CCC; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #CCC; scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #999; }
② 截图演示本楼附小雨制作的CSS2样式表手册(旧版本，不容易找哦)，具体样式可参考里面的"滚动条"说明。

444.png

=====论坛横排(>=2)时显示自定义板块图片=====

QUOTE:

修改价值：☆☆☆☆☆
① 添加板块图标打开discuz.htm
找到
QUOTE:

<th width="$cat[forumcolwidth]"{$forum[folder]}>
改成
QUOTE:

<th width="$cat[forumcolwidth]"{$forum[folder]}>$forum[icon]
② 删除板块前面的新旧图标打开css.htm
找到以下内容，并删除。
QUOTE:

.forumlist th { padding-left: 55px !important; }
.forumlist tbody th { background-image: url({IMGDIR}/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
.forumlist tbody th.new { background-image: url({IMGDIR}/forum_new.gif); }
如果仅想删除论坛横排时的新旧图标，跳过上一步，可以这样改：
QUOTE:

<th width="$cat[forumcolwidth]"{$forum[folder]}>$forum[icon]
改成(有小瑕疵，要保证板块图标不透明)
QUOTE:

<th style="padding-left: 0 !important;" width="$cat[forumcolwidth]"{$forum[folder]}>$forum[icon]
③ 截图演示

777.png

=====改回5.X版本的两处图标=====

QUOTE:

修改价值：☆☆☆
① 新帖后面的NEW图标，6.0版本改成了文字形式，现将它改回图标的样子。
打开forumdisplay.htm 找到
QUOTE:

<a href="redirect.php?tid=$thread[tid]&goto=newpost$highlight#newpost" class="new">New</a>
改成(如果没有firstnew.gi这个图标的话自己加吧，下同)
QUOTE:

<a href="redirect.php?tid=$thread[tid]&goto=newpost$highlight#newpost" class="new"><img src="{IMGDIR}/firstnew.gif" border="0" alt="" /></a>
② 个人信息栏右上角IP图标(有相应权限才能看到)。
打开viewthread.htm 找到
QUOTE:

<label><a href="topicadmin.php?action=getip&fid=$fid&tid=$tid&pid=$post[pid]" id="ajax_getip_$post[count]" title="{lang admin_getip}">IP</a></label>
改成
QUOTE:

<label><a href="topicadmin.php?action=getip&fid=$fid&tid=$tid&pid=$post[pid]" id="ajax_getip_$post[count]" title="{lang admin_getip}"><img src="{IMGDIR}/ip.gif" border="0" alt="" /></a></label>
③ 截图演示

888.png

999.png