Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

6.0模板常见问题总结

[复制链接]
ggyuhai 发表于 2008-4-28 20:02:41 | 显示全部楼层 |阅读模式
1。如何修改菜单栏

        相关css:#menu { height: 31px; border: 1px solid {CATBORDER}; {HEADERMENUBGCODE}; background-repeat: repeat-x; }
        解释:height表示菜单栏高度,border表示边框宽度为1px、实线,颜色为{CATBORDER},{HEADERMENUBGCODE}表示背景,background-repeat表示背景横向平铺。

2。如何修改forum.gif、forum_new.gif、forumlink.gif、bdays_cake.gif、online.gif图标的显示

        6.0设置这些图标以背景的形式显示,大家可能感觉它的位置有一点点别扭,下面以forum.gif为例教大家如何修改。

        forum.gif:
        相关css:.forumlist tbody th { background-image: url({IMGDIR}/forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
        解释:background-image表示背景图像,background-repeat表示背景不平铺,background-position表示背景图像位置距左右13px、上下50%。
        我们感觉别扭的也就是背景图像的左右位置,不过forum.gif和forum_new.gif的似乎还不怎么影响什么,如果你感觉别扭可以修改为10px,下面看另外三个图标的css。依上面的顺序分别为:
        .forumlist tbody th.new { background-image: url({IMGDIR}/forum_new.gif); }
         #forumlinks td { padding: 5px 5px 5px 55px; background: url({IMGDIR}/forumlink.gif) no-repeat 18px 50%; color: {LIGHTTEXT}; }
         #bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid {COMMONBOXBORDER}; background: url({IMGDIR}/bdays_cake.gif) no-repeat 10px 5px; }
         #onlinelist { background: url({IMGDIR}/online.gif) no-repeat 10px 10px; border-top: 1px solid {COMMONBOXBORDER}; }
         forum_new.gif与forum.gif一样的定义,只需要修改forum.gif即可,forumlink.gif大家可能需要修改下,因为它的左右设置的太大了,跟别的都不一样,可以将18px也修改为10px,bdays_cake.gif大家可能需要修改一下上下,可以修改为0,online.gif应该不需要修改什么。

3。如何为首页的论坛表格内添加分隔线

        可以在css文件的最下边添加一个定义,.forumlist td{ border-left:1px solid #5CFE34;},这样就可以了。

4。如何为主题列表页的帖子内添加分割线

        打开css文件,在最下边添加:
.threadlist td.icon , .threadlist td.author , .threadlist td.lastpost , .threadlist td.nums { border-left:1px solid #999999; }

5。如何调整发表新贴那个图标的位置

        相关css:.postbtn { margin-left: 10px; cursor: pointer; }
        解释:margin-left表示图标的左边距为10px,cursor表示鼠标形状为手。

6。贴内个人资料里的个人空间图标如何修改

        大家可以看到这个图标和联盟论坛的图标使用的是一个图标,如果我们的联盟论坛图标弄大了,这里的显示就不好看了,那么如何把这个图标改成别的图标显示呢?
        打开css,查找 .postauthor li.space { background-image: url({IMGDIR}/forumlink.gif); }
        将forumlink.gif修改成你想要的图标名字即可。

7。如何修改所见即所得编辑器背景

        6.0的这个背景大家可以看到显示的是页面背景,那么我们该如何修改呢?
        打开css文件,查找#wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important; }
        将其修改为#wysiwyg { font: {MSGFONTSIZE}/1.6em {FONT} !important; background:{ALTBG2};}
        即可~

8。当公告过长时,公告栏在ff浏览器下出现滚动条,并盖住文字,如何修改?

        打开css文件,查找#announcement div { border: 1px solid {BGCOLOR}; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
        将最后边的overflow-y的-y去掉就可以了,即:overflow:hidden;

9。开启横排时如何加入论坛板块的分隔线?

        打开css文件,查找 .mainbox table { width: 100%; },在下边加入.mainbox.forumlist{border-left:0;}
        查找.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 5px; },为其加入属性border-left: 1px solid {BGBORDER};

10。如何修改文本输入区域的背景颜色?

        有些朋友可能在做黑色的或者比较暗色的风格的时候发现这个区域的白色比较刺眼,太亮,那么该如何修改呢?其实挺简单的,就是为textarea添加一个背景属性。
        打开css文件,在页面的最下端添上一行:textarea{background:#333333;}
        或者查找input, textarea { border-width: 1px; border-color: {INPUTBORDER}; padding: 2px;background:{ALTBG2}; }
        将背景颜色替换成自己需要的颜色即可。

11。如何修改option里文字背景?

        修改原因同上边哪个问题一样,打开css文件,在文件的末尾添加上:select option{background:#333333;}

12。如何修改文本区域下拉条的样式?

        修改原因同上,可能觉得默认的颜色不怎么漂亮,可以打开css文件,在文件的末尾加上:textarea{scrollbar-base-color:#333;}

13。如何修改帖子提交按钮的样式?

        打开css文件,查找:#postsubmit, button.submit { margin-right: 1em; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5; color: {NOTICETEXT}; padding: 0 10px; }

        修改其背景颜色即可,比如可修改为:#postsubmit, button.submit { margin-right: 0; border: 1px solid; border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: {ALTBG1}; color: {NOTICETEXT}; padding: 0 2px; }


14。具体关于暗色的风格可能还有一些细节,大家可以参考一下我做的一款黑色风格的css文件,如果还有什么需要处理可以回帖提出:

        黑色风格For Discuz!6.0RC1:https://discuz.dismall.com/thread-704325-1-1.html

15。如何修改版面前边的自定义图片使其垂直方向居中?

首先打开discuz.htm文件,查找
<th$forum[folder]>
$forum[icon]
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
</th>
将其替换为:
<th$forum[folder]>
<table><tr>
<!--{if $forum[icon]}--><td class="special">$forum[icon]</td><!--{/if}-->
<td class="special">
<h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts] && !$forum['redirect']}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
<!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
<!--{if $forum['subforums']}--><p>{lang forum_subforums}: $forum['subforums']</p><!--{/if}-->
<!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
</td></tr></table>
</th>然后打开css.htm文件,在文件的末尾加入:
.mainbox tbody th.special, .mainbox tbody td.special { border-top:0; border-bottom:0; padding: 5px; }
最后更新缓存,刷新即可~

16。如何去除板块前边的新帖、旧帖图标

在css文件里边分别查找:
.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); }

然后将他们删除即可

17。默认字体变大时,在帖子中的个人信息栏内勋章下边的部分图标以及文字显示不正常该如何修改?

打开css文件
查找
.postauthor ul { margin: 5px 10px; line-height: 1.6em; overflow: hidden; }
将其修改为:
.postauthor ul { margin: 0; line-height: 1.6em; overflow: hidden; }
更新css缓存即可

18。更换在线会员图标后,在线列表错乱如何解决?

问题出现的原因在于所设置的在线图标高度不一,导致在ie下错位。
解决方法:打开相应模板的css.htm文件
查找:#onlinelist .userlist li { height: auto; margin:4px auto ;}
将其高度固定:比如:#onlinelist .userlist li { height: 20px; margin:4px auto ;}
更新缓存即可

19。如果修改每楼帖子的高度?

打开css.htm文件
查找:.viewthread { padding-bottom: 1px; }
为其固定高度:.viewthread { padding-bottom: 1px;  height:300px; overflow:hidden; }
慎用!~

20。如何去掉帖子里边的标题?

可能有些人觉得,在帖子内容里边显示的标题有些多余,设置影响美观,那么我们该如何去掉它呢?
打开viewthread.htm文件,查找
                        <!--{if $post['subject']}-->
                            <h2>$post[subject]</h2>
                        <!--{/if}-->
将其删除即可~

21。投票帖子里边,当会员的星星比较多的时候,会遮挡住下边的文字。

        打开viewthread_poll.htm文件,查找<dt>{eval showstars($post['stars']);}</dt>

        将其修改为:<dt style="height:auto;">{eval showstars($post['stars']);}</dt>

22。帖子里的个人签名,有时候紧贴帖子内容,造成下边大量空白怎么解决?

暂无很好的解决办法,可以通过更新缓存暂行。

23。如何修改在线会员和联盟论坛标题的背景与论坛列表的背景相同?

打开css.htm或者css_append.htm文件
在最低端加入:
.box h4 {{HEADERBGCODE};}
更新缓存即可

24。当论坛板块横排时如何显示论坛介绍、版主、以及自定义板块图标。

打开discuz.htm文件查找
<th width="$cat[forumcolwidth]"{$forum[folder]}>
       <h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
       <p>{lang forum_threads}: $forum[threads], {lang forum_posts}: $forum[posts]</p>
       <p>{lang forum_lastpost}:
        <!--{if is_array($forum['lastpost'])}-->
         <a href="redirect.php?tid=$forum[lastpost][tid]&goto=lastpost#lastpost">$forum[lastpost][dateline]</a>
         {lang forum_lastpost_by} <!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}-->
        <!--{else}-->
         {lang never}
        <!--{/if}-->
       </p>
      </th>
修改为
      <th width="$cat[forumcolwidth]"{$forum[folder]}>$forum[icon]
       <h2><a href="forumdisplay.php?fid=$forum[fid]">$forum[name]</a><!--{if $forum[todayposts]}--><em> ({lang index_today}: $forum[todayposts])</em><!--{/if}--></h2>
       <!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
        <!--{if $forum['moderators']}--><!--{if $moddisplay == 'flat'}--><p class="moderators">{lang forum_moderators}: $forum[moderators]</p><!--{else}--><span class="dropmenu" id="mod$forum[fid]" >{lang forum_moderators}</span><ul class="moderators popupmenu_popup" id="mod$forum[fid]_menu" style="display: none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
      </th>

25。默认字体设置比较大时,帖子内用户名显示不完整如何解决?

打开css.htm文件
查找
.postauthor cite a { float: left; padding: 5px; border: solid {ALTBG2}; border-width: 1px 1px 0; height: 10px; overflow: hidden; }
修改为
.postauthor cite a { float: left; padding: 0; border: solid {ALTBG2}; border-width: 1px 1px 0;  }

26。如何缩小首页论坛版块的高度?

打开css.htm文件:
查找
.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 5px; }
修改为
.mainbox tbody th, .mainbox tbody td { border-top: 1px solid {BGBORDER}; padding: 0;margin:0; }

然后查找
.forumlist tbody th { height: 40px; }
修改为
.forumlist tbody th { height: 10px; }
更新缓存~

27。如何去掉公告栏上的虚线?或者修改为实线?

css.htm文件里查找
#announcement { border-top: 1px dashed {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }
如果要去掉,修改为:
#announcement { line-height: 36px; height: 36px; overflow: hidden; }
如果要改成实线,修改为:
#announcement { border-top: 1px solid {CATBORDER}; line-height: 36px; height: 36px; overflow: hidden; }

28。如果调整主体列表页的主体高度,使其变低?

打开css.htm文件
查找
.threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
修改为
.threadlist td.icon { text-align: center; padding: 1px 0; width: 16px; }
更新缓存

29。如何修改版块规则的背景颜色?

在css.htm或者css_append.htm文件的末端加入
td#rules {background:#000000;}
更新缓存

30。如何修改当前页码的背景颜色?

在css.htm文件内查找
.pages strong { font-weight: bold; color: {NOTICETEXT}; background: {BGBORDER}; }
修改为:
.pages strong { font-weight: bold; color: {NOTICETEXT}; background:#FFF; }
自己修改下颜色,更新缓存

31。如何修改顶部菜单栏当鼠标移动到有下拉菜单的菜单上面时的背景颜色?

打开css.htm文件
查找
#menu li.hover a { padding: 3px 7px; background-image: none; }
修改为:
#menu li.hover a { padding: 3px 7px; background: #000; }
背景颜色请自己修改,更新缓存~

32。如何把论坛首页的logo放在左右分栏的左栏上边?

打开leftmenu.htm文件
在<body>下边加入
<div id="header">
        <h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
</div>

如果要在原页面删除
请打开header.htm文件查找
                <div id="header">
                        <h2><a href="$indexname" title="$bbname">{BOARDLOGO}</a></h2>
                        <div id="ad_headerbanner"></div>
                </div>
删除,更新缓存即可

33。如何去掉首页版主的显示?

discuz.htm文件内查找
<!--{if $forum['moderators']}--><!--{if $moddisplay =='flat'}--><p class="moderators">{lang forum_moderators}forum[moderators]</p><!--{else}--><spanclass="dropmenu" id="mod$forum[fid]">{langforum_moderators}</span><ul class="moderators popupmenu_popup"id="mod$forum[fid]_menu" style="display:none">$forum[moderators]</ul><!--{/if}--><!--{/if}-->
删除即可,更新缓存~

34。如何单独定义首页版主的字体颜色?

css.htm文件查找
.moderators a { color: {HIGHLIGHTLINK}; }
修改颜色,更新缓存~

35。如何修改快速发帖按钮的样式?

打开css.htm文件查找
#postsubmit, button.submit { margin-right: 1em; border: 1px solid;border-color: #FFFDEE #FDB939 #FDB939 #FFFDEE; background: #FFF8C5;color: {NOTICETEXT}; padding: 0 10px; }
修改样式即可~

36。如何去掉菜单栏右边的小竖线?

打开css.htm文件查找
#menu ul { float: right; padding: 4px 10px 0; border-right: 1px solid {TABLEBG}; }
修改为
#menu ul { float: right; padding: 4px 10px 0; }

37。如何去掉分栏图标左边的小竖线?

打开css.htm文件查找
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid {TABLEBG}; }
修改为
.frameswitch { float: left; height: 30px; line-height: 30px; padding-left: 10px; }
更新缓存即可~

38。如何修改引用代码地方的样式?

(1)如何改变顶部边框的粗细?

打开css.htm文件查找
.blockcode, .quote { font-size: 12px; margin: 10px 20px; border: solid {CATBORDER}; border-width: 4px 1px 1px; {PORTALBOXBGCODE}; background-repeat: repeat-x; background-position: 0 0; overflow: hidden; }
修改border-width的第一个值4px,根据你的需要调大或小

(2)如何修改标题栏“引用”的背景颜色?

打开css.htm文件查找:
.blockcode h5, .quote h5 { border: 1px solid; border-color: {TABLEBG} {TABLEBG} {CATBORDER} {TABLEBG}; line-height: 26px; padding-left: 5px; color: {TEXT}; }
为其添加背景属性:background:red;
自行修改背景颜色
更新缓存

39。如何将发帖的小图标改回5.5那样在发帖标题后边?

6.0将这个东西放到了底部的其它信息里边,那么如何改回原来的样子呢?

post_newthread.htm文件内查找
                        <!--{if !$special}-->
                                <tr>
                                        <th>{lang icon}</th>
                                        <td><label><input class="radio" type="radio" name="iconid" value="0" checked="checked" tabindex="208" /> {lang none}</label> $icons</td>
                                </tr>
                        <!--{/if}-->
剪切

再查找
                <tbody id="threadtypes"></tbody>
将刚才剪切的放在他上边
更新缓存

40。联盟论坛logo右边大部分空白如何解决?

由于是ie的问题,暂时无很好的解决方法。

41.如何将发帖时的贴前图标移到主题下边?

post_newthread.htm文件内查找
<!--{if !$special}-->
        <tr>
                             <th>{lang icon}</th>
                <td><label><input class="radio" type="radio" name="iconid" value="0" checked="checked" tabindex="208" /> {lang none}</label> $icons</td>
        </tr>
<!--{/if}-->
剪切
然后查找
<tbody id="threadtypes"></tbody>
将刚才剪切的粘贴到这下边
pingpingzi 发表于 2008-4-28 20:20:49 | 显示全部楼层
恩 都是好东西。。。。顶一下。。。。。。。。。
回复

使用道具 举报

疯狂浪子 发表于 2008-4-30 16:22:28 | 显示全部楼层
貌似
这是 南之恋  的教程!

https://discuz.dismall.com/viewth ... 3%BC%FB%CE%CA%CC%E2
回复

使用道具 举报

goodiou 发表于 2010-5-3 01:30:58 | 显示全部楼层
顶一下。。。。。。。。。
回复

使用道具 举报

madestiny 发表于 2013-7-31 12:56:08 | 显示全部楼层
好东西啊、辛苦了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-18 21:39 , Processed in 0.030802 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表