评论主题：
动网论坛7.1SP1 CSS详解
评论对象： 夏雪儿 | 2009/3/29 17:22:19
评论言论： 37 - 将签名框起来
方法1：
在 后台 的 风格界面模板总管理 中
修改 分页面模板page_dispbbs 中的 template.html(0)
查找：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<img src={/post/setting/@picurl}sigline.gif /><br/>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/>
</div>
改为：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<fieldset style="padding: 10px;"><legend><b>这是<font color="red"><xsl:value-of select="@username"/></font>的签名，帅吧!</b></legend>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></fieldset>
</div>
原来的签名分界虚线图片我觉得不好看。就不要了。
这样在签名就被框起来并署名为：某某的签名
你也可以根据自己论坛的实际情况进行修改，
比如：下面是某某的签名、签名（某某）等等。。
方法2：
在 后台 的 风格界面模板总管理 中
修改 分页面模板page_dispbbs 中的 template.html(0)
查找：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<img src={/post/setting/@picurl}sigline.gif /><br/>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/>
</div>
改为：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<b>这是<font color="red"><xsl:value-of select="@username"/></font>的签名，帅吧!</b>
<table cellSpacing="0" cellPadding="0" border="0">
<tr><td><img src="skins/default/qm/c1.gif"/></td>
<td background="skins/default/qm/s1.gif" align="center"><img src="skins/default/qm/clover.gif"/></td>
<td><img src="skins/default/qm/c2.gif"/></td></tr>
<tr><td vAlign="middle" background="skins/default/qm/s4.gif"><img src="skins/default/qm/clo_tl.gif"/></td>
<td><font color="#808080"><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></font></td>
<td vAlign="middle" background="skins/default/qm/s2.gif"><img src="skins/default/qm/clo_tr.gif"/></td>
</tr><tr>
<td vAlign="top"><img src="skins/default/qm/c4.gif"/></td>
<td background="skins/default/qm/s3.gif" align="center"><img src="skins/default/qm/clo_y.gif"/></td>
<td align="right"><img src="skins/default/qm/c3.gif"/></td>
</tr></table>
</div>
点击浏览该文件
方法3：
http://bbs.dvbbs.net/dispbbs.asp?boardID=13&ID=1113639&page=1
________________________________________
38 - 如何修改SP1项部的图片
在后台“界面风格总管理”==>>动网默认风格分页面模板(main_style)界面风格管理==>>Dvbbs.mainhtml(4)找到如下代码：
<div class="mainbar" id="topbar_top">dvbbs</div>
<div class="mainbar" id="topbar_mid">
<div id="topbar_mid_r">
<div style="cursor:hand" onclick="window.external.AddFavorite(document.location.href,'{$title}')" onmousemove="status='收藏本页';" onmouseout="status='';">收藏本页</div>
<div><a href="{$mailto}" target="_blank">联系我们</a></div>
<div><a href="boardhelp.asp?boardID=18">论坛帮助</a></div>
</div>
<div id="topbar_mid_l">
<a href="{$link}"><img border="0" src="{$logo}" alt="" /></a>
</div>
<div id="topbar_mid_m">{$top_ads}</div>
</div>
<div class="mainbar" id="topbar_bottom">dvbbs</div>
<div class="mainbar" id="topbar_menu">{$menu}</div>
<br />
替换成：
<div class="mainbar" id="topbar_top">dvbbs</div>
<div class="mainbar" id="topbar_mid">
<table width="780" height="242" border="0" align="center">
<tr>
<td align=left background="Skins/Default/Koomv_ZhongQ.jpg">
<div align="right">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="240">
<param name="movie" value="Skins/Default/KoomvSWF/koomv_guang.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Skins/Default/KoomvSWF/koomv_guang.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="240"></embed>
</object>
</div></td>
</tr>
</table>
</div>
<div class="mainbar" id="topbar_bottom">dvbbs</div>
<div class="mainbar" id="topbar_menu">{$menu}</div>
<br />
注：无语改的是固定比例的，如果要改为百分比的，只需将上面红色的代码改为：width="100%"即可；蓝色的为背景图片地址；紫色的代码为透明FLASH代码。
________________________________________
39 - 首页版块列表图片过大时表格断线的解决
在CSS样式表中找到：
.index_left_states{border-right : 1px solid #6595d6;width :46px;float:left;height:60px;background-color : #fff;}
把红色的数值改大一点，大小根据图片而定。
________________________________________
40 - 快速回复心情图片行高的修改
如果你使用了效大的心情图片，如空谷社区这样的，在快速回复栏一定只能看到一小部份，为了美观，无语就把这个框框改高了点。
方法如下：
动网默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)，找到：
<div style="overflow : auto ;padding:4px 20px 4px 20px;height:30px;line-height:30px;text-align : left;border:1px inset;background-color: #fff;">
<xsl:for-each select="post/emot/em">
<xsl:choose>
<xsl:when test="position() > 9"><img src="{$empath}{.}" alt="" style="margin:6px;cursor: pointer;" onclick="putEmot('em{position()}');"/></xsl:when>
<xsl:otherwise><img src="{$empath}{.}" alt="" style="margin:6px;cursor: pointer;" onclick="putEmot('em0{position()}');"/></xsl:otherwise>
</xsl:choose>
</xsl:for-each>
</div>
其实只要改红色的两个30就好了，改时这两个数字最好一样。要多高自己看着办。
蓝色的一窜数值是指层边框与内容（即心情图片）的距离，依次是上、右、下、左的距离，呵呵，是不是又学到一点DIV的东东？？
空谷社区是把这句改成了这样的，效果你可以自己看。
<div style="overflow : auto ;padding:1px 0px 1px 0px;height:70px;line-height:70px;text-align : left;border:1px inset;background-color: #fff;">
________________________________________
42 - 贴子显示页个人信息内容超多使表格断线的解决方法
动网默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)，找到：
<xsl:when test="post/agent/@browser='Microsoft Internet Explorer'">height:310px;width:97%;padding-right:0px; overflow-x: hidden;</xsl:when>
只需把红色的310改大一点就OK了，至于改多大，根据你的个人信息有多少来定。如果你的个人信息有无限多，就把这个改成无限大，嘿嘿！！
[此贴子已经被作者于2006-6-24 19:42:24编辑过]
________________________________________
43 - 注册时将“填写详细资料”默认为打开
在：动网默认风格分页面模板(page_login)界面风格管理template.html(13)
找到：
<table cellpadding=3 cellspacing=1 align=center class=tableborder1 id=adv style="DISPLAY: none" >
<TR align=middle><Th colSpan=2 height=24 align=left>填写详细资料</TH></TR>
将色的代码删除掉即可。
________________________________________
44 - 去掉论坛导航栏处“搜一搜更多此类问题”
动网默认风格分页面模板(main_style)界面风格管理Dvbbs.mainhtml(5)
找到：
<div style="float:right;">{$SearchStr} </div>
删除或者屏蔽即可
________________________________________
45 - 、"论坛通行证"全面大清除
第一：首页登陆时显示的“论坛通行证”去除
动网默认风格分页面模板(page_index)界面风格管理 template.html(0)
<!--
<div style="margin-top:10px;">
<form action="login.asp?action=chk" method="post">
<a href="http://www.dvbbs.net/passport/help.asp" target="_blank" title="注册论坛通行证可让您使用一个帐号通行于国内大部分的网络论坛社区，点击查看更详细帮助">通<xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>行<xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>证</a><xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>：<input type="text" name="passport" size="12" /> <input type="submit" name="submit" value="论坛通行证登录" /> [ <a href="lostpass.asp"> 忘记密码</a> ] </form> </div>
-->
将上面一大段屏蔽掉，OK，第一项搞掂！！！
第二：重登陆或登陆失败时的登陆页面“论坛通行证”去除
动网默认风格分页面模板(page_login)界面风格管理 template.html(0)
删除此句： {$rayuserlogin}
我试过，直接屏蔽好像无效，只有野蛮一点，直接“Delete”就干掉了。
第三：注册页面的“论坛通行证”去除
动网默认风格分页面模板(page_login)界面风格管理 template.html(13)
<!--
<TR>
<TD class=tablebody1><B>论坛通行证(可不填写)</B>：<BR>
可绑定已有论坛通行证或新建论坛通行证帐号<BR>
请输入已注册的论坛通行证或需新建的通行证帐号名称
</TD>
<TD class=tablebody1>
<INPUT maxLength=50 size=30 name="Forum_Passport">
<a href="http://www.dvbbs.net/passport/help.asp" title="注册论坛通行证可让您使用一个帐号通行于国内大部分的网络论坛社区，点击查看更详细帮助" target=_blank>关于论坛通行证</a></TD>
</TR>
-->
怎么样，是不是越来越兴奋了，要不要更彻底一点？？当然要，那就再继续看……
第四：用户控制面板下拉菜单里的“设置论坛通行证”项去除
动网默认风格分页面模板(main_style)界面风格管理Dvbbs.mainhtml(17)
屏蔽或删除这句：
<br /><a href="passport.asp"><font color="blue">论坛通行证设置</font></a>
OK，全部搞掂大家庆祝吧！！！
评论对象： 夏雪儿 | 2009/3/29 17:22:19
评论言论： 37 - 将签名框起来
方法1：
在 后台 的 风格界面模板总管理 中
修改 分页面模板page_dispbbs 中的 template.html(0)
查找：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<img src={/post/setting/@picurl}sigline.gif /><br/>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/>
</div>
改为：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<fieldset style="padding: 10px;"><legend><b>这是<font color="red"><xsl:value-of select="@username"/></font>的签名，帅吧!</b></legend>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></fieldset>
</div>
原来的签名分界虚线图片我觉得不好看。就不要了。
这样在签名就被框起来并署名为：某某的签名
你也可以根据自己论坛的实际情况进行修改，
比如：下面是某某的签名、签名（某某）等等。。
方法2：
在 后台 的 风格界面模板总管理 中
修改 分页面模板page_dispbbs 中的 template.html(0)
查找：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<img src={/post/setting/@picurl}sigline.gif /><br/>
<xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/>
</div>
改为：
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
<b>这是<font color="red"><xsl:value-of select="@username"/></font>的签名，帅吧!</b>
<table cellSpacing="0" cellPadding="0" border="0">
<tr><td><img src="skins/default/qm/c1.gif"/></td>
<td background="skins/default/qm/s1.gif" align="center"><img src="skins/default/qm/clover.gif"/></td>
<td><img src="skins/default/qm/c2.gif"/></td></tr>
<tr><td vAlign="middle" background="skins/default/qm/s4.gif"><img src="skins/default/qm/clo_tl.gif"/></td>
<td><font color="#808080"><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></font></td>
<td vAlign="middle" background="skins/default/qm/s2.gif"><img src="skins/default/qm/clo_tr.gif"/></td>
</tr><tr>
<td vAlign="top"><img src="skins/default/qm/c4.gif"/></td>
<td background="skins/default/qm/s3.gif" align="center"><img src="skins/default/qm/clo_y.gif"/></td>
<td align="right"><img src="skins/default/qm/c3.gif"/></td>
</tr></table>
</div>
点击浏览该文件
方法3：
http://bbs.dvbbs.net/dispbbs.asp?boardID=13&ID=1113639&page=1
________________________________________
38 - 如何修改SP1项部的图片
在后台“界面风格总管理”==>>动网默认风格分页面模板(main_style)界面风格管理==>>Dvbbs.mainhtml(4)找到如下代码：
<div class="mainbar" id="topbar_top">dvbbs</div>
<div class="mainbar" id="topbar_mid">
<div id="topbar_mid_r">
<div style="cursor:hand" onclick="window.external.AddFavorite(document.location.href,'{$title}')" onmousemove="status='收藏本页';" onmouseout="status='';">收藏本页</div>
<div><a href="{$mailto}" target="_blank">联系我们</a></div>
<div><a href="boardhelp.asp?boardID=18">论坛帮助</a></div>
</div>
<div id="topbar_mid_l">
<a href="{$link}"><img border="0" src="{$logo}" alt="" /></a>
</div>
<div id="topbar_mid_m">{$top_ads}</div>
</div>
<div class="mainbar" id="topbar_bottom">dvbbs</div>
<div class="mainbar" id="topbar_menu">{$menu}</div>
<br />
替换成：
<div class="mainbar" id="topbar_top">dvbbs</div>
<div class="mainbar" id="topbar_mid">
<table width="780" height="242" border="0" align="center">
<tr>
<td align=left background="Skins/Default/Koomv_ZhongQ.jpg">
<div align="right">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="770" height="240">
<param name="movie" value="Skins/Default/KoomvSWF/koomv_guang.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="Skins/Default/KoomvSWF/koomv_guang.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="240"></embed>
</object>
</div></td>
</tr>
</table>
</div>
<div class="mainbar" id="topbar_bottom">dvbbs</div>
<div class="mainbar" id="topbar_menu">{$menu}</div>
<br />
注：无语改的是固定比例的，如果要改为百分比的，只需将上面红色的代码改为：width="100%"即可；蓝色的为背景图片地址；紫色的代码为透明FLASH代码。
________________________________________
39 - 首页版块列表图片过大时表格断线的解决
在CSS样式表中找到：
.index_left_states{border-right : 1px solid #6595d6;width :46px;float:left;height:60px;background-color : #fff;}
把红色的数值改大一点，大小根据图片而定。
________________________________________
40 - 快速回复心情图片行高的修改
如果你使用了效大的心情图片，如空谷社区这样的，在快速回复栏一定只能看到一小部份，为了美观，无语就把这个框框改高了点。
方法如下：
动网默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)，找到：
<div style="overflow : auto ;padding:4px 20px 4px 20px;height:30px;line-height:30px;text-align : left;border:1px inset;background-color: #fff;">
<xsl:for-each select="post/emot/em">
<xsl:choose>
<xsl:when test="position() > 9"><img src="{$empath}{.}" alt="" style="margin:6px;cursor: pointer;" onclick="putEmot('em{position()}');"/></xsl:when>
<xsl:otherwise><img src="{$empath}{.}" alt="" style="margin:6px;cursor: pointer;" onclick="putEmot('em0{position()}');"/></xsl:otherwise>
</xsl:choose>
</xsl:for-each>
</div>
其实只要改红色的两个30就好了，改时这两个数字最好一样。要多高自己看着办。
蓝色的一窜数值是指层边框与内容（即心情图片）的距离，依次是上、右、下、左的距离，呵呵，是不是又学到一点DIV的东东？？
空谷社区是把这句改成了这样的，效果你可以自己看。
<div style="overflow : auto ;padding:1px 0px 1px 0px;height:70px;line-height:70px;text-align : left;border:1px inset;background-color: #fff;">
________________________________________
42 - 贴子显示页个人信息内容超多使表格断线的解决方法
动网默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)，找到：
<xsl:when test="post/agent/@browser='Microsoft Internet Explorer'">height:310px;width:97%;padding-right:0px; overflow-x: hidden;</xsl:when>
只需把红色的310改大一点就OK了，至于改多大，根据你的个人信息有多少来定。如果你的个人信息有无限多，就把这个改成无限大，嘿嘿！！
[此贴子已经被作者于2006-6-24 19:42:24编辑过]
________________________________________
43 - 注册时将“填写详细资料”默认为打开
在：动网默认风格分页面模板(page_login)界面风格管理template.html(13)
找到：
<table cellpadding=3 cellspacing=1 align=center class=tableborder1 id=adv style="DISPLAY: none" >
<TR align=middle><Th colSpan=2 height=24 align=left>填写详细资料</TH></TR>
将色的代码删除掉即可。
________________________________________
44 - 去掉论坛导航栏处“搜一搜更多此类问题”
动网默认风格分页面模板(main_style)界面风格管理Dvbbs.mainhtml(5)
找到：
<div style="float:right;">{$SearchStr} </div>
删除或者屏蔽即可
________________________________________
45 - 、"论坛通行证"全面大清除
第一：首页登陆时显示的“论坛通行证”去除
动网默认风格分页面模板(page_index)界面风格管理 template.html(0)
<!--
<div style="margin-top:10px;">
<form action="login.asp?action=chk" method="post">
<a href="http://www.dvbbs.net/passport/help.asp" target="_blank" title="注册论坛通行证可让您使用一个帐号通行于国内大部分的网络论坛社区，点击查看更详细帮助">通<xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>行<xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>证</a><xsl:text disable-output-escaping="yes" >&nbsp;</xsl:text>：<input type="text" name="passport" size="12" /> <input type="submit" name="submit" value="论坛通行证登录" /> [ <a href="lostpass.asp"> 忘记密码</a> ] </form> </div>
-->
将上面一大段屏蔽掉，OK，第一项搞掂！！！
第二：重登陆或登陆失败时的登陆页面“论坛通行证”去除
动网默认风格分页面模板(page_login)界面风格管理 template.html(0)
删除此句： {$rayuserlogin}
我试过，直接屏蔽好像无效，只有野蛮一点，直接“Delete”就干掉了。
第三：注册页面的“论坛通行证”去除
动网默认风格分页面模板(page_login)界面风格管理 template.html(13)
<!--
<TR>
<TD class=tablebody1><B>论坛通行证(可不填写)</B>：<BR>
可绑定已有论坛通行证或新建论坛通行证帐号<BR>
请输入已注册的论坛通行证或需新建的通行证帐号名称
</TD>
<TD class=tablebody1>
<INPUT maxLength=50 size=30 name="Forum_Passport">
<a href="http://www.dvbbs.net/passport/help.asp" title="注册论坛通行证可让您使用一个帐号通行于国内大部分的网络论坛社区，点击查看更详细帮助" target=_blank>关于论坛通行证</a></TD>
</TR>
-->
怎么样，是不是越来越兴奋了，要不要更彻底一点？？当然要，那就再继续看……
第四：用户控制面板下拉菜单里的“设置论坛通行证”项去除
动网默认风格分页面模板(main_style)界面风格管理Dvbbs.mainhtml(17)
屏蔽或删除这句：
<br /><a href="passport.asp"><font color="blue">论坛通行证设置</font></a>
OK，全部搞掂大家庆祝吧！！！