星★辰

上一篇: 支付宝中毒被骗记录(提醒)下一篇:seo在百度和google上操作都差异性
Feb 5

DZ7模板几个实用的修改方法(分类版区背景、修改版块名称颜色、头部导航等)


以下修改演示见: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  新乡论坛

上边所做的修改都有演示!欢迎光临指教!

天气预报和名人名言的附件:

111.rar

相关文章

日志评论

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。