评论主题：
动网论坛7.1SP1 CSS详解
评论对象： 夏雪儿 | 2009/3/29 17:20:56
评论言论： 20-首页分论坛图片增加渐隐渐现效果
1.修改inc/main.js
在最后添加
//渐隐渐现函数
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta) {
if (!document.all) return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
2.修改风格分页面模板(page_index)界面风格管理template.html(0)
找到：
<xsl:if test="@indeximg!=''"><a href="index.asp?boardid=7"><img src="{@indeximg}" alt="" class="boardlogo"/></a></xsl:if>
改成：
<xsl:if test="@indeximg!=''"><a href="index.asp?boardid=7"><img src="{@indeximg}" style="FILTER: alpha(opacity=40)" onMouseOut="nereidFade(this,40,10,10)" onMouseOver="nereidFade(this,100,0,10)" alt="点击从这进入{@boardtype}论坛" class="boardlogo"/></a></xsl:if>
出处：http://bbs.dvbbs.net/dispbbs.asp?boardid=13&id=1060929&star=1#1395768
________________________________________
21-增加版权说明For DVBBS7.1 SP1
增加版权说明For DVBBS7.1 SP1
分页面模板(page_dispbbs) template.html(1)
找到：（大概在293行）
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !=’’ and @signflag =1"><img src="{/post/setting/@picurl}sigline.gif" /><br /><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></xsl:if>
</xsl:if>
替换成：
<div style="float:right;height:26px;color:#999999;">
做人要厚道，转载请注明来自西夏之旅[<a href="http://bbs.nxtravel.net" target="_blank">bbs.nxtravel.net</a>]
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !=’’ and @signflag =1"><img src={/post/setting/@picurl}sigline.gif /><br /><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></xsl:if>
</xsl:if>
把网站名称和网址替换成你自己的即可。
注：红色部分是增加的代码。
出处：http://bbs.dvbbs.net/dispbbs.asp?boardid=13&id=1060933&star=1#1395833
________________________________________
22-个人信息部分表格断线的解决
动网将高度定义了,在默认状态下高度是够了,在你修改美化后,信息内容显示已经超过定义的200px,帖子内容不多时,就断线了!解决方法增加高度
动网默认风格分页面模板(page_dispbbs)界面风格管理----template.html(0)
<xsl:when test="post/agent/@browser='Microsoft Internet Explorer'">height:200px;width:97%;padding-right:0px; overflow-x: hidden;</xsl:when>
<xsl:otherwise>min-height:200px;</xsl:otherwise>
将红色部分数字望大处改!可以300px,你看着改吧!
________________________________________
23-7.1sp1发贴时将内容复制以防发贴失败的完美修改
此修改为防止网站超时或者是其他的原因导致会员发送写好帖子内容却在点发表时,因发送不成功，导致内容丢失,前功尽弃。修改后,发表前内容将被同时复制到系统剪贴板,只要使用粘贴,即可找回帖子内容.
具体修改办法如下:
1、快速回复的修改,打开后台风格模板总管理page_dispbbs temp(0),找到
var cookiesstr=readCookie('mofaface_'+ topicid);
if (cookiesstr ==null){
createCookie('mofaface_'+ topicid,MagicID,365)
DispMagicEmot(MagicID,350,500)
}
}
</script>
在</script>上面添加下面代码
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
修改结果如下:红色部分即增加的代码!
var cookiesstr=readCookie('mofaface_'+ topicid);
if (cookiesstr ==null){
createCookie('mofaface_'+ topicid,MagicID,365)
DispMagicEmot(MagicID,350,500)
}
}
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
</script>
2、然后找到
<form id="Dvform" name="Dvform" action="savepost.asp?action=sre&method=fastreply&BoardID={post/postinfo/@boardid}" onkeydown="ctlent();" onsubmit="Dvbbs_CopyData('Body');" method="post">
修改为下面代码,红色为添加部分
<form id="Dvform" name="Dvform" action="savepost.asp?action=sre&method=fastreply&BoardID={post/postinfo/@boardid}" onkeydown="ctlent();" onsubmit="CopyBody(); Dvbbs_CopyData('Body');" method="post">
3、主题发布的修改,打开后台风格模板总管理page_post temp(0),找到
<form name="Dvform" method="post" action="{$toaction}" onsubmit="Dvbbs_CopyData('Body');return Checkpostdata();">
修改为下面代码,
<form name="Dvform" method="post" action="{$toaction}" onsubmit="CopyBody(); Dvbbs_CopyData('Body');return Checkpostdata();">
4、找到
function showtitle()
在上面增加
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
OK!修改完成!
这个修改在发贴时会出现提示窗,"你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!"
如果你不想要提示窗,那么请按下面的方法修改:
1. 去掉上面1. 4.步代码中的这句代码,下面红色显示,此句为提示窗,其他修改同上!
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
2.主题发布的修改,在动网默认风格分页面模板(page_post)界面风格管理,----template.html(0),找到
④ 如果您觉得自己的帖子有一定价值，或管理人员希望用户付出一定代价才能浏览相关内容，可发起金币购买贴<br />
在下面增加一句提示代码
<font color="#FF0000"><img src="skins/Default/ztop.gif"> 发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!</font><br/>
或者(没有图片的提示)
<font color="#FF0000">★发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!★</font><br/>
3.快速回复的修改,后台风格模板总管理page_dispbbs temp(0),找到
<div class="postlary2" style="height:28px;line-height:28px;border-top:0px; " >
<div class="postuserinfo" style="height:28px;"><input type="checkbox" checked="checked" value="yes" name="signflag" /><b>显示签名</b></div>
<div class="postie" style="height:28px;padding:0px;text-indent:10px;text-align:left; "><div>
<input type="Submit" value="OK!发表回复" name="Submit" style="margin:3px;"/> <input type="button" value="预 览" name="Button" style="margin:3px;" onclick="Gopreview()" /> <input style="margin:3px;" type="reset" name="Clear" value="清空内容！" onclick="ClearReset()"/>
内容限制：<input class="Dvbbs_Reply" disabled="disabled" maxLength="6" size="8" value="{post/setting/@maxpostlen}" name="total" /> 字节.
</div></div>
修改为下面代码,红色为修改和增加部分
<div class="postlary2" style="height:50px;line-height:28px;border-top:0px; " >
<div class="postuserinfo" style="height:28px;"><input type="checkbox" checked="checked" value="yes" name="signflag" /><b>显示签名</b></div>
<div class="postie" style="height:50px;padding:0px;text-indent:10px;text-align:left; "><div>
<input type="Submit" value="OK!发表回复" name="Submit" style="margin:3px;"/> <input type="button" value="预 览" name="Button" style="margin:3px;" onclick="Gopreview()" /> <input style="margin:3px;" type="reset" name="Clear" value="清空内容！" onclick="ClearReset()"/>
内容限制：<input class="Dvbbs_Reply" disabled="disabled" maxLength="6" size="8" value="{post/setting/@maxpostlen}" name="total" /> 字节.
<br /><font color="#FF0000">★发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!★</font>
</div></div>
________________________________________
24 - 贴子美化修改for DVBBS7.1SP1
贴子美化修改for DVBBS7.1SP1
默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)
<FIELDSET style="padding: 10px;"><LEGEND>
<div style="line-height:22px;"><div style="float:left;"><img src="{/post/setting/@picurl}topicface/{@expression}" alt="发贴心情" /></div><b><xsl:value-of select="@topic" disable-output-escaping="yes"/></b></div></LEGEND>
<xsl:if test="@parentid = 0">
<xsl:if test="$mofaface !='' and $mofaface !='0'"><div style="float:right;margin-right:20px;"><a href="javascript:DispMagicEmot({$mofaface},350,500)"><img src="dv_plus/tools/magicface/gif/{$mofaface}.gif" border="0" alt=""/><br />魔法表情<br/>点击重放</a></div>
<script type="text/javascript" language="javascript">
LoadMagicEmot(<xsl:value-of select="$mofaface" />,<xsl:value-of select="/post/postinfo/@topicid"/>);
</script>
</xsl:if>
</xsl:if>
<div style="{$bodystyle}margin-top:10px;word-wrap : break-word ;word-break : break-all ;" onload="this.style.overflowX='auto';">
<xsl:choose>
<xsl:when test="@parentid =0 and /post/postinfo/@getmoneytype=3"><xsl:call-template name="checkgetmoney" /></xsl:when>
<xsl:otherwise><xsl:value-of select="@body" disable-output-escaping="yes"/></xsl:otherwise>
</xsl:choose>
</div></FIELDSET>
评论对象： 夏雪儿 | 2009/3/29 17:20:56
评论言论： 20-首页分论坛图片增加渐隐渐现效果
1.修改inc/main.js
在最后添加
//渐隐渐现函数
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta) {
if (!document.all) return
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
2.修改风格分页面模板(page_index)界面风格管理template.html(0)
找到：
<xsl:if test="@indeximg!=''"><a href="index.asp?boardid=7"><img src="{@indeximg}" alt="" class="boardlogo"/></a></xsl:if>
改成：
<xsl:if test="@indeximg!=''"><a href="index.asp?boardid=7"><img src="{@indeximg}" style="FILTER: alpha(opacity=40)" onMouseOut="nereidFade(this,40,10,10)" onMouseOver="nereidFade(this,100,0,10)" alt="点击从这进入{@boardtype}论坛" class="boardlogo"/></a></xsl:if>
出处：http://bbs.dvbbs.net/dispbbs.asp?boardid=13&id=1060929&star=1#1395768
________________________________________
21-增加版权说明For DVBBS7.1 SP1
增加版权说明For DVBBS7.1 SP1
分页面模板(page_dispbbs) template.html(1)
找到：（大概在293行）
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !=’’ and @signflag =1"><img src="{/post/setting/@picurl}sigline.gif" /><br /><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></xsl:if>
</xsl:if>
替换成：
<div style="float:right;height:26px;color:#999999;">
做人要厚道，转载请注明来自西夏之旅[<a href="http://bbs.nxtravel.net" target="_blank">bbs.nxtravel.net</a>]
</div>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !=’’ and @signflag =1"><img src={/post/setting/@picurl}sigline.gif /><br /><xsl:value-of select="/post/userlist/user[@userid=$userid]/@usersign" disable-output-escaping="yes"/></xsl:if>
</xsl:if>
把网站名称和网址替换成你自己的即可。
注：红色部分是增加的代码。
出处：http://bbs.dvbbs.net/dispbbs.asp?boardid=13&id=1060933&star=1#1395833
________________________________________
22-个人信息部分表格断线的解决
动网将高度定义了,在默认状态下高度是够了,在你修改美化后,信息内容显示已经超过定义的200px,帖子内容不多时,就断线了!解决方法增加高度
动网默认风格分页面模板(page_dispbbs)界面风格管理----template.html(0)
<xsl:when test="post/agent/@browser='Microsoft Internet Explorer'">height:200px;width:97%;padding-right:0px; overflow-x: hidden;</xsl:when>
<xsl:otherwise>min-height:200px;</xsl:otherwise>
将红色部分数字望大处改!可以300px,你看着改吧!
________________________________________
23-7.1sp1发贴时将内容复制以防发贴失败的完美修改
此修改为防止网站超时或者是其他的原因导致会员发送写好帖子内容却在点发表时,因发送不成功，导致内容丢失,前功尽弃。修改后,发表前内容将被同时复制到系统剪贴板,只要使用粘贴,即可找回帖子内容.
具体修改办法如下:
1、快速回复的修改,打开后台风格模板总管理page_dispbbs temp(0),找到
var cookiesstr=readCookie('mofaface_'+ topicid);
if (cookiesstr ==null){
createCookie('mofaface_'+ topicid,MagicID,365)
DispMagicEmot(MagicID,350,500)
}
}
</script>
在</script>上面添加下面代码
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
修改结果如下:红色部分即增加的代码!
var cookiesstr=readCookie('mofaface_'+ topicid);
if (cookiesstr ==null){
createCookie('mofaface_'+ topicid,MagicID,365)
DispMagicEmot(MagicID,350,500)
}
}
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
</script>
2、然后找到
<form id="Dvform" name="Dvform" action="savepost.asp?action=sre&method=fastreply&BoardID={post/postinfo/@boardid}" onkeydown="ctlent();" onsubmit="Dvbbs_CopyData('Body');" method="post">
修改为下面代码,红色为添加部分
<form id="Dvform" name="Dvform" action="savepost.asp?action=sre&method=fastreply&BoardID={post/postinfo/@boardid}" onkeydown="ctlent();" onsubmit="CopyBody(); Dvbbs_CopyData('Body');" method="post">
3、主题发布的修改,打开后台风格模板总管理page_post temp(0),找到
<form name="Dvform" method="post" action="{$toaction}" onsubmit="Dvbbs_CopyData('Body');return Checkpostdata();">
修改为下面代码,
<form name="Dvform" method="post" action="{$toaction}" onsubmit="CopyBody(); Dvbbs_CopyData('Body');return Checkpostdata();">
4、找到
function showtitle()
在上面增加
function CopyBody()
{
IframeID.focus();
IframeID.document.execCommand('selectAll');
IframeID.document.execCommand('copy');
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
}
OK!修改完成!
这个修改在发贴时会出现提示窗,"你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!"
如果你不想要提示窗,那么请按下面的方法修改:
1. 去掉上面1. 4.步代码中的这句代码,下面红色显示,此句为提示窗,其他修改同上!
alert("你发表的内容已被复制到剪贴板，如果发帖不成功,请在编辑框中按下CTRL+V即可找回帖子内容!")
2.主题发布的修改,在动网默认风格分页面模板(page_post)界面风格管理,----template.html(0),找到
④ 如果您觉得自己的帖子有一定价值，或管理人员希望用户付出一定代价才能浏览相关内容，可发起金币购买贴<br />
在下面增加一句提示代码
<font color="#FF0000"><img src="skins/Default/ztop.gif"> 发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!</font><br/>
或者(没有图片的提示)
<font color="#FF0000">★发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!★</font><br/>
3.快速回复的修改,后台风格模板总管理page_dispbbs temp(0),找到
<div class="postlary2" style="height:28px;line-height:28px;border-top:0px; " >
<div class="postuserinfo" style="height:28px;"><input type="checkbox" checked="checked" value="yes" name="signflag" /><b>显示签名</b></div>
<div class="postie" style="height:28px;padding:0px;text-indent:10px;text-align:left; "><div>
<input type="Submit" value="OK!发表回复" name="Submit" style="margin:3px;"/> <input type="button" value="预 览" name="Button" style="margin:3px;" onclick="Gopreview()" /> <input style="margin:3px;" type="reset" name="Clear" value="清空内容！" onclick="ClearReset()"/>
内容限制：<input class="Dvbbs_Reply" disabled="disabled" maxLength="6" size="8" value="{post/setting/@maxpostlen}" name="total" /> 字节.
</div></div>
修改为下面代码,红色为修改和增加部分
<div class="postlary2" style="height:50px;line-height:28px;border-top:0px; " >
<div class="postuserinfo" style="height:28px;"><input type="checkbox" checked="checked" value="yes" name="signflag" /><b>显示签名</b></div>
<div class="postie" style="height:50px;padding:0px;text-indent:10px;text-align:left; "><div>
<input type="Submit" value="OK!发表回复" name="Submit" style="margin:3px;"/> <input type="button" value="预 览" name="Button" style="margin:3px;" onclick="Gopreview()" /> <input style="margin:3px;" type="reset" name="Clear" value="清空内容！" onclick="ClearReset()"/>
内容限制：<input class="Dvbbs_Reply" disabled="disabled" maxLength="6" size="8" value="{post/setting/@maxpostlen}" name="total" /> 字节.
<br /><font color="#FF0000">★发贴时内容将被复制到剪贴板,如果发贴失败,请重新在编辑框中用鼠标右键粘贴或用"CTRL+V"即可找回帖子内容!★</font>
</div></div>
________________________________________
24 - 贴子美化修改for DVBBS7.1SP1
贴子美化修改for DVBBS7.1SP1
默认风格分页面模板(page_dispbbs)界面风格管理template.html(0)
<FIELDSET style="padding: 10px;"><LEGEND>
<div style="line-height:22px;"><div style="float:left;"><img src="{/post/setting/@picurl}topicface/{@expression}" alt="发贴心情" /></div><b><xsl:value-of select="@topic" disable-output-escaping="yes"/></b></div></LEGEND>
<xsl:if test="@parentid = 0">
<xsl:if test="$mofaface !='' and $mofaface !='0'"><div style="float:right;margin-right:20px;"><a href="javascript:DispMagicEmot({$mofaface},350,500)"><img src="dv_plus/tools/magicface/gif/{$mofaface}.gif" border="0" alt=""/><br />魔法表情<br/>点击重放</a></div>
<script type="text/javascript" language="javascript">
LoadMagicEmot(<xsl:value-of select="$mofaface" />,<xsl:value-of select="/post/postinfo/@topicid"/>);
</script>
</xsl:if>
</xsl:if>
<div style="{$bodystyle}margin-top:10px;word-wrap : break-word ;word-break : break-all ;" onload="this.style.overflowX='auto';">
<xsl:choose>
<xsl:when test="@parentid =0 and /post/postinfo/@getmoneytype=3"><xsl:call-template name="checkgetmoney" /></xsl:when>
<xsl:otherwise><xsl:value-of select="@body" disable-output-escaping="yes"/></xsl:otherwise>
</xsl:choose>
</div></FIELDSET>