7.2常见问题，先瞧瞧有没有你要的答案

本帖只提供一些常见问题的修改方法，如有疑难可到下方帖子咨询

模板风格区Discuz！7.2 疑难集中解答

作者：锋芒（转载请注明）

风格制作新手教程

Discuz风格交流群  ：82039478(已满）
Discuz风格交流2群：28805164

7.0常见问题，先瞧瞧有没有你要的答案

在这里建议各位朋友添加CSS样式，尽量不要改动源文件，css_append.htm加入即可，
避免因论坛升级，想用原来的风格却因修改源文件过多导致诸多问题。

很多问题他人已经提问过也可能给予过解答，要善于搜索，
作为站长，有些基本的知识你是必须具备的。

特别提示：
1、以下修改内容，如没特别说明，css_append.htm添加提供的代码；
2、本帖为文字叙述，如果添加之后效果不理想，删除即可；
3、后台修改请刷新看效果，修改文件上传覆盖，后台记得更新CSS缓存；
4、这里所提供的修改只限于默认风格上的变动；
5、如是扩展图片目录请将IMGDIR改为STYLEIMGDIR；
6、{WRAPBORDERCOLOR}等等这些为变量调用，可替换为#FFFFFF或其它颜色代码
7、为避免添加的代码过多导致混乱，可在添加的代码前面加
/*文字自己输入*/
这里是添加的代码
8、涉及到.htm文件的修改，注意备份

一、首页界面


菜单弹出导航相关问题

1. .postboardlist { background: #000; }
   
2. .postboardlist a { color: #000; }
   
3. .postboardlist a:hover { background: #000; }
   
4. .pbl_selected a, .pbl_selected a:hover { background-color: #000; color: #FFF !important;}

复制代码

第一个为背景颜色，第二个为文字颜色，
第三个鼠标指向背景色，第四个为当前区版背景颜色


1、去掉首页的发帖图标
index_header.htm
查找删除

1. <span class="postbtn" id="prompt_index_postbtn"><a href="misc.php?action=nav" onclick="showWindow('nav', this.href);return false;">{lang send_posts}</a></span>

复制代码

2、没开启边栏，公告占用地方过多，这里给大家提供一个很不错的美化
index_header.htm
查找

1. <!--{if empty($gid) && $announcements}-->

复制代码

上面添加

1. <span class="headactions" style="line-height: 30px">
   
2. <FONT face=Wingdings color=#666666>v</FONT> <a href="search.php?srchfrom=$newthreads&amp;searchsubmit=yes" class="lightlink" target="_blank">{lang show_newthreads}</a>
   
3. <FONT face=Wingdings color=#666666>v</FONT> <a href="stats.php?type=postsrank" target="_blank">排行信息</a>
   
4. <FONT face=Wingdings color=#666666>v</FONT> <a href="stats.php?type=team" target="_blank">管理团队</a>
   
5. <FONT face=Wingdings color=#666666>v</FONT> <a href="member.php?action=list" target="_blank">会员列表</a>
   
6. </span>

复制代码

演示可看：http://www.yyly8.com/index.php?styleid=109
即百度搜索那一栏替换为下方的查看新帖等等

如果公告过多，向上滚动觉得麻烦，可以用6.1的公告方式
下载附件，解压后上传到你所使用的风格文件里面
然后打开
查找

1. <div id="ann">
   
2.                 <dl>
   
3.                         <dt>{lang announcements}:</dt>
   
4.                         <dd>
   
5.                                 <div id="annbody"><ul id="annbodylis">$announcements</ul></div>
   
6.                         </dd>
   
7.                 </dl>
   
8.         </div>
   
9.         <script type="text/javascript">announcement();</script>

复制代码

替换

1. {subtemplate fengmang}

复制代码

3、去掉打开/关闭边栏
discuz.htm查找删除

1. <!--{if $infosidestatus[allow] == 2}-->
   
2.         <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['{lang sidebar_collapsed_yes}', '{lang sidebar_collapsed_no}']);" class="$collapseimg[sidebar]"><!--{if $collapseimg[sidebar] == 'collapsed_yes'}-->{lang sidebar_collapsed_yes}<!--{else}-->{lang sidebar_collapsed_no}<!--{/if}--></a>
   
3. <!--{elseif $infosidestatus[allow] == 1}-->
   
4.         <a id="sidebar_img" href="javascript:;" onclick="sidebar_collapse(['', '{lang sidebar_collapsed_no}']);" class="collapsed_yes">{lang sidebar_collapsed_yes}</a>
   
5. <!--{/if}-->

复制代码

4、版块分区添加边框线
添加：

1. .list { border: 1px solid {WRAPBORDERCOLOR}; margin-bottom: 10px; }

复制代码

10px为上下分区间距
添加竖线

1. .list td { border-left: 1px solid {COMMONBORDER}; }

复制代码

如果标题过于靠近左侧的竖线
添加

1. .list td .forumlast { padding-left: 10px; }

复制代码

5、分区名称更改文字颜色及添加背景色

1. .list h3 { background: url({IMGDIR}/header_bg.gif); border: 1px solid #FFF; border-bottom: none; }
   
2. .list h3 a { color: #FFF; }

复制代码

background: url({IMGDIR}/header_bg.gif);背景图片
background: #FFFFFF; 将图片修改为颜色；
border: 1px solid #FFF; 背景色与边框线之间1px的线条间隔；
border-bottom: none; 底部边框线注释掉。（此两项不需要可删除）
.list h3 a { color: #FFF; } 分区名称文字颜色

定义分区高度

1. .content .list h3 { line-height: 30px; }

复制代码

6、去掉有无新帖图标

1. .list th { background-image: none; padding-left: 0px !important; }
   
2. .list th.new { background-image: none; }

复制代码

7、版块上面的虚线改为实线及上下间距

1. .list td, .list th { padding: 6px 0; border-top: 1px solid {COMMONBORDER}; }

复制代码

修改6px，即版块内容区域上下距离

8、版块图标移动到简介后面
discuz.htm
查找删除： $forum[icon]
查找（第一个）： </th>
后面添加

1. <td class="forumnums">
   
2. $forum[icon]
   
3. </td>

复制代码

9、最后发表标题的作者、时间改为两行
discuz.htm
查找

1. <cite><!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--> - $forum[lastpost][dateline]</cite>

复制代码

替换

1. <cite><!--{if $forum['lastpost']['author']}-->$forum['lastpost']['author']<!--{else}-->{lang anonymous}<!--{/if}--></cite><p>$forum[lastpost][dateline]</p>

复制代码

想加点美化，<cite>后面添加作者： <p>后面添加时间：
上面的

1. <p><a href="redirect.php?tid=$forum[lastpost][tid]&amp;goto=lastpost#lastpost">{echo cutstr($forum[lastpost][subject], 30)}</a></p>

复制代码

在<p>后面添加标题： 30为首页标题显示字符，如果修改为40可能导致折行，影响美观，
css_append.htm添加

1. .forumlast { width: 300px; }

复制代码

即最后发表的区域宽度

10、修改友情链接及在线会员背景
在线会员背景
css_append.htm添加

1. #online h3, #bdays h3 { background: url({IMGDIR}/portalbox_bg.gif); line-height: 28px; }
   
2. #online h3, #online h3 a, #bdays h3 a  { color: #f00; }

复制代码

#online h3 a在线会员连接的文字颜色，#online h3 其它文字颜色,#bdays h3今日生日的家伙

友情连接背景
添加：

1. .content .list h3 { background: url({IMGDIR}/portalbox_bg.gif); color: #F00; }

复制代码

二、主题列表页

1、子版块边框色

1. #forumdisplay #subforum { border: 1px solid {WRAPBORDERCOLOR}; }

复制代码

子版块三个字的文字颜色

1. #forumdisplay .list h3 { color: #FFF; }

复制代码

2、本版规则边框线

1. #modarea {border: 1px solid {WRAPBORDERCOLOR}; }

复制代码

背景图片

1. #modarea .list h3 { background: url({IMGDIR}/portalbox_bg.gif); line-height: 28px; margin-bottom: 0; }

复制代码

3、主标题区域添加边框线

1. .datalist { border: 1px solid {WRAPBORDERCOLOR}; }

复制代码

添加竖线

1. #threadlist td { border-left:1px solid {COMMONBORDER}; }

复制代码

4、替换发帖图标（首页、主题页、内容页）

1. #index .postbtn, #forumdisplay .postbtn, #viewthread .postbtn { width: 88px; height: 29px; background: url({IMGDIR}/newtopic.gif) no-repeat 0 0; }
   
2. #viewthread .replybtn { width: 85px; height: 26px; background-image: url({IMGDIR}/reply.gif); }
   
3. .postbtn a, .replybtn a { text-indent:-9999px; }

复制代码

如果只是更换图片，去掉.postbtn a, .replybtn a { text-indent:-9999px; } （这处是去掉文字）

如果只是需要修改文字颜色，添加.postbtn a, .replybtn a { color: #F00; }

添加帖子排序方式（回复时间、发布时间、回复数及浏览数）
打开forumdisplay.htm
查找：

1. 
   
2. <li>{lang thread}:</li>

复制代码

替换为：

1. 
   
2. <li style="padding-left: 6px;"><a href="javascript:;" id="filterorder" class="dropmenu" onclick="showMenu(this.id);">{lang orderby}</a></li>

复制代码

也就是将主题两字替换为排序方式下拉菜单，在上面添加也可以
查找：

1. 
   
2. <ul class="popupmenu_popup headermenu_popup filter_popup" id="filtertype_menu" style="display: none;">

复制代码

上面添加：

1. 
   
2. <ul class="popupmenu_popup headermenu_popup filter_popup" id="filterorder_menu" style="display: none;">
   
3. <li {if $orderby == 'lastpost'}class="active"{/if}><a href="forumdisplay.php?fid={$fid}&filter=$filter&orderby=lastpost$typeadd$sortadd">{lang order_lastpost}</a></li>
   
4. <li {if $orderby == 'dateline'}class="active"{/if}><a href="forumdisplay.php?fid={$fid}&filter=$filter&orderby=dateline$typeadd$sortadd">{lang order_starttime}</a></li>
   
5. <li {if $orderby == 'replies'}class="active"{/if}><a href="forumdisplay.php?fid={$fid}&filter=$filter&orderby=replies$typeadd$sortadd">{lang order_replies}</a></li>
   
6. <li {if $orderby == 'views'}class="active"{/if}><a href="forumdisplay.php?fid={$fid}&filter=$filter&orderby=views$typeadd$sortadd">{lang order_views}</a></li>
   
7. </ul>

复制代码

演示：http://www.yyly8.com/forum-83-1.html

三、帖子内容页

个人信息与内容之间的竖线

1. #viewthread .forumcontrol td, #viewthread .mainbox td.postauthor { border-right: 1px solid {WRAPBORDERCOLOR}; }

复制代码

待更新，好象没啥东东需要修改

下方商业风格，喜欢的朋友请联系（风格制作）QQ：70188188
http://www.yyly8.com/index.php?styleid=108
http://www.yyly8.com/index.php?styleid=109

占楼收藏支持备用，谢谢。

支持锋芒！！

谢谢，我先收下了。

记号，或许以后用得着

不错，支持

占座，收藏，以备后用。

支持锋芒！！

前排支持！

迟来的常见问题了，谢谢大家支持~