以下修改演示见:http://www.xxluntan.com 新乡论坛
一、修改分类版区首页显示背景颜色
见到很多人在问怎么修改分类版区的背景颜色(如下图:)但又没人回答,我来说下!![]()
方法:
打开templates/default/css_common.htm,找到如下代码:
.content .list h3 { padding-left: 6px; color: {MIDTEXT};line-height: 35px;}}
修改为:
.content .list h3 { padding-left: 6px; color: {MIDTEXT};background-color: #ebf2f8;line-height: 30px;}
解释:
background-color: #ebf2f8;line-height: 30px;
添加和修改了这段,background-color是颜色,你可以根据自己的喜好换#ebf2f8,line-height是高度,我觉得默认的高度有些高,所以调到了30PX
修改后效果如下图:![]()
二、修改版块名称颜色
DZ默认的版块名称颜色是黑色,比较单调,可能有人像换掉(我就是其中之一),说下方法:
仍旧是打开打开templates/default/css_common.htm,找到如下代码:
.list th.new { background-image: url({IMGDIR}/forum_new.gif); }
在其下方添加代码:.list th h2 strong { color: {NOTICETEXT} }
然后打开templates/default/discuz.htm,找到如下代码:
<a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if}>$forum[name]</a>
修改为: <a href="forumdisplay.php?fid=$forum[fid]" {if $forum[redirect]}target="_blank"{/if}><strong>$forum[name]</strong></a>
即可,注:此方法只适用于普通排列版块的首页,并不适用横排(其实道理是一样的)
解释:
此法是在CSS里添加了一个样式,指定了版块名称的颜色,color: {NOTICETEXT} 即为颜色值,取得是模板中NOTICETEXT的值,此值在后台——界面——风格管理——正在使用的风格——编辑——切换到高级模式——拉到最下边——“提示信息颜色”的值(我适用的是#ff6600),当然,你也可以直接将color: {NOTICETEXT}改为color: #ff6600,或更换其他颜色值
效果如下:
三、修改LOGO后,可能会导致的导航变形的修改:
有朋友可能在将DZ默认的LOGO更换成自己的LOGO后,发现导航变形(不明显,如果LOGO跟DZ的默认的大小一样的化,则此问题不会出现),下图的位置(我的修改过了,没有变形了)
修改方法如下:
仍旧是打开templates/default/css_common.htm,找到如下代码:
#header .wrap { position: relative; padding: 24px 0 22px; }
例如修改成:#header .wrap { position: relative; padding: 24px 0 7px; }
也就是修改padding的最后一个值,将22px改大或改小(如果你的LOGO比默认的大,那就一定是改小,反之是改大,所以我修改成了7px,问题解决!!)
四、Xshow v1.1.70添加天气预报、名人名言或帖子调用的方法:(添加到其他地方方法大同小异)
xshow四格挺不错的,呵呵,我一直在用,当时6.1时代也是修改他的四格,在此感谢作者,xshow的下载地址是:http://www.discuz.net/viewthread.php?tid=1096992&highlight=%CB%C4%B8%F1
但这次7.0的xshow没有天气预报和名人名言功能(名人名言个人觉得是鸡肋),天气预报很实用,也有坛友反映让添加,所以就添加了下,具体说下添加办法
首先,将“weather.js”和“dicta.js”上传至论坛目录(这两个文件都在下边的附件里),因为想装在xshow四格上,所以这里我们上传到images/xshow/下(其实任何目录都可以,只要后边对应就行了)。
然后,打开templates/default/xshow_.htm
(由于xshow提供了两种位置的安装,所以其也提供了两个调用文件,一个是xshow.htm,一个是xshow_.htm,而我用的是第二个,所以用第二个来说,两个添加的方法是一模一样的)
找到如下代码:
.xshow .weather td{height:25px;border-bottom:1px dotted {COMMONBORDER};border-top:3px solid {COMMONBORDER};}
在其下方添加:[code].xshow .weather .right{text-align:right;padding-right: 10px;}
.xshow .weather .left{text-align:left;padding-left: 20px;}
再找到:[code]<tr class="header">
在其上方添加:
<tr class="weather">
<td colspan="3" class="left"><script type="text/javascript" src="images/xshow/dicta.js" charset="gbk"></script></td>
<td colspan="1" class="right"><script type="text/javascript" src="images/xshow/weather.js" charset="gbk"></script></td>
</tr>
就OK了!!因为我感觉名人名言是鸡肋,所以我将名人名言改成了商家信息(就是从某一个版块内调出帖子滚动显示),其修改方法基本一样:
添加
.xshow .weather .right{text-align:right;padding-right: 10px;}
.xshow .weather .left{text-align:left;padding-left: 20px;}
的地方增加一句,改成如下:
.xshow .weather .right{text-align:right;padding-right: 10px;}
.xshow .weather .left{text-align:left;padding-left: 20px;}
.xshow .weather .sj{color: #FF9900;font-weight: bold;}
而<tr class="header">
上添加为:
<tr class="weather">
<td colspan="3" class="left"><marquee direction=left onmouseout=this.start() onmouseover=this.stop() scrollAmount=3 scrollDelay=60><span class="sj">商家信息:</span>{eval request('商家帖子');}</marquee></td>
<td colspan="1" class="right"><script type="text/javascript" src="images/xshow/weather.js" charset="gbk"></script></td>
</tr>
解释:“{eval request('商家帖子');}”为我的调用标示,你如果想添加,可以到后台——工具——数据调用——添加——主题列表处添加调用,我的调用模板为
:{prefix} {subject} {dateline}
即OK!效果如下图:![]()
好了,时间有限,就分享这几个吧!!有什么问题欢迎提出讨论!!
我的论坛:http://www.xxluntan.com 新乡论坛
上边所做的修改都有演示!欢迎光临指教!
天气预报和名人名言的附件:
