主题分类背景效果很漂亮的哦【平湖论坛风格分类效果】

huanghengzhang · 发表于 2009-7-16 14:29:15

本帖最后由 huanghengzhang 于 2009-7-17 08:07 编辑

先看图片演示：

再看站点演示：http://www.yanshanr.com/forum-56-1.html
效果制作下载：

修改.rar (18.71 KB, 下载次数: 847)
注：替换前请备份文档
下载包里有修改说明，看不懂的可以顶贴留言。

修改步骤见楼下。编辑中。。。

huanghengzhang · 发表于 2009-7-16 14:30:01

本帖最后由 huanghengzhang 于 2009-7-18 21:50 编辑

首先：把压缩包里images目录上传至根目录

注意：以下是默认风格下（default）的修改方法，如果现使用的是其他风格请找到相应风格文件夹目录（***）。

1、找到templates\default目录下css_common.htm

/*主题分类*/
.threadtype { padding: 8px 6px; border-top: 3px solid {COMMONBORDER}; line-height: 2em; }
.threadtype a, .threadtype strong { margin-right: 6px; padding-right: 6px; border-right: 1px solid {COMMONBORDER}; white-space: nowrap; }
.threadtype .popupmenu_popup a { margin-right: 0; padding-right: 0; border: none; }
.threadtype strong { font-weight: 700; color: {HIGHLIGHTLINK}; white-space: nowrap; }

复制代码

替换成：

/*主题分类*/ .threadtype { } .threadtype .popupmenu_popup a { margin-right: 0; padding-right: 0; border: none; }

复制代码

2、找到templates\default目录下css_append.htm
添加:

#label { margin-bottom: 5px; OVERFLOW: hidden; WIDTH: 912px; POSITION: relative } #label UL { } #label UL LI { DISPLAY: inline; FLOAT: left; MARGIN: 1px 3px 1px 2px; LINE-HEIGHT: 24px; LIST-STYLE-TYPE: none; HEIGHT: 24px; TEXT-ALIGN: center; _line-height: 22px } #label UL LI.selected A { DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url({IMGDIR}/lab_bg01.gif) no-repeat left 0px; OVERFLOW: hidden; COLOR: #000; HEIGHT: 24px } #label UL LI.selected A SPAN { DISPLAY: block; BACKGROUND: url({IMGDIR}/lab_bg02.gif) no-repeat right 0px; OVERFLOW: hidden } #label UL LI A { DISPLAY: block; BACKGROUND: url({IMGDIR}/lab_bg01.gif) no-repeat left -48px; OVERFLOW: hidden; COLOR: #444; HEIGHT: 24px } #label UL LI A:hover { BACKGROUND: url({IMGDIR}/lab_bg01.gif) no-repeat left -24px; CURSOR: hand; TEXT-DECORATION: none } #label UL LI A SPAN { DISPLAY: block; BACKGROUND: url({IMGDIR}/lab_bg02.gif) no-repeat right -48px; OVERFLOW: hidden; HEIGHT: 24px } #label UL LI A:hover SPAN { BACKGROUND: url({IMGDIR}/lab_bg02.gif) no-repeat right -24px } #label UL LI { WIDTH: 80px } DIV#label UL LI.selected A { WIDTH: 80px } DIV#label UL LI.selected A SPAN { WIDTH: 80px } DIV#label UL LI A { WIDTH: 80px } DIV#label UL LI A SPAN { WIDTH: 80px }

复制代码

3、找到templates\default目录下forumdisplay.htm
找到

<div class="threadtype">
<p>
<a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a><strong>{lang forum_viewall}</strong>
<a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd">$name</a><strong>$name</strong>
<span id="threadtypesmenu" class="dropmenu" onmouseover="showMenu(this.id)">{lang admin_type_more}</span>
<div class="popupmenu_popup" id="threadtypesmenu_menu" style="display: none">
<ul>
<li>
<a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd">$name</a>
<strong>$name</strong>
</li>
</ul>
</div>
</p>
<p>
<a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a><strong>{lang forum_viewall}</strong>
<a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a><strong>$name</strong>
<span id="threadsortsmenu" class="dropmenu" onmouseover="showMenu(this.id)">{lang admin_type_more}</span>
<div class="popupmenu_popup" id="threadsortsmenu_menu" style="display: none">
<ul>
<li>
<a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a>
<strong>$name</strong>
</li>
</ul>
</div>
</p>
</div>

复制代码

替换成：

<div class="threadtype">
<DIV id=label>
<UL>
<LI><a href="forumdisplay.php?fid=$fid"><SPAN>{lang forum_viewall}</SPAN></a></LI>
<LI class=selected><a href="forumdisplay.php?fid=$fid"><SPAN>{lang forum_viewall}</SPAN></a></LI>
<LI><a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd"><SPAN>$name</SPAN></a></LI>
<LI class=selected><a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd"><SPAN>$name</SPAN></a></LI>
</UL>
</DIV>
<span id="threadtypesmenu" class="dropmenu" onmouseover="showMenu(this.id)">{lang admin_type_more}</span>
<div class="popupmenu_popup" id="threadtypesmenu_menu" style="display: none">
<ul>
<li>
<a href="forumdisplay.php?fid=$fid&filter=type&typeid=$id$sortadd">$name</a>
<strong>$name</strong>
</li>
</ul>
</div>
<p>
<a href="forumdisplay.php?fid=$fid">{lang forum_viewall}</a><strong>{lang forum_viewall}</strong>
<a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a><strong>$name</strong>
<span id="threadsortsmenu" class="dropmenu" onmouseover="showMenu(this.id)">{lang admin_type_more}</span>
<div class="popupmenu_popup" id="threadsortsmenu_menu" style="display: none">
<ul>
<li>
<a href="forumdisplay.php?fid=$fid&filter=sort&sortid=$id$typeadd">$name</a>
<strong>$name</strong>
</li>
</ul>
</div>
</p>
</div>

复制代码

abcnic · 发表于 2009-7-16 14:39:08

站个位支持

duyi136 · 发表于 2009-7-16 15:03:24

降低建站门槛，协助个人开展建站事业并迅速成长
雕鹰团队协助你建站事业，我们与你一起成长。
把价格放到最低最优惠，实现你的站长梦想。
五大优惠网站类型，优惠价格，演示：
论坛（50元），演示：www.diaoying.com
门户（300元），演示：www.536124.com
商城（250元），演示：www.xtpz.net
电影（150元），演示：www.4pp.com.cn （出售）
企业（250元），演示：www.honestdata.com
主办单位：雕鹰团队网站：www.diaoying.com
详细查看：http://www.diaoying.com/read.php?tid=436

oddcan · 发表于 2009-7-16 15:08:35

晕倒，直接覆盖谁要啊，修改方法呢？

huanghengzhang · 发表于 2009-7-16 18:44:17

下载包里有修改说明

gushiyue2008 · 发表于 2009-7-16 18:54:54

确实还不错。顶起来。。。

fjbm · 发表于 2009-7-16 19:28:52

感谢楼主提供,不过我不能够替换,只能修改,不过楼主下载包里的修改说明,有点看不明白,能不能帮小弟指正下,谢谢.

283465905 · 发表于 2009-7-16 19:43:17

支持一下，

hitxiong · 发表于 2009-7-16 20:18:49

已参观。网站不错。http://bbs.tnbz.com/

		自动登录	找回密码
密码			立即注册

主题分类背景效果很漂亮的哦【平湖论坛风格分类效果】

手动修改步骤如下：