收藏本页
切换浏览模式

华夏网·人人艺术论坛站务管理服务大厅 → 动网论坛7.1SP1 CSS详解

关闭 帖子评论
选取类型: 中立 支持 反对
观点标题:
验证码: 验证码,看不清楚?请点击刷新验证码
观点内容:
(不支持HTML)
  1. 请以客观、真实地作出评论,并注意语言文明;
  2. 观点发表后不能作出更改;
您是本帖的第 4026 个阅读者
树形 打印
标题: 动网论坛7.1SP1 CSS详解
夏雪儿
美女呀,离线,留言给我吧!
等级:网络写手
文章:67
积分:533
注册:2009年3月28日
11
 个性首页 | 博客 | 邮箱
发贴心情
68 - 签名前加入广告显示的修改
(page_dispbbs)界面风格管理-------template.html(0)
找到
<xsl:if test="/post/userlist/user[@userid=$userid]/@usersign !='' and @signflag =1">
<div style="width:85%;overflow-x: hidden;">
在其上面添加
<xsl:if test="@parentid > 0">
<div>
<hr/>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100%" border="0">
<a href="http://www.500wan.com/sina/index.asp?regfrom=it577" title="新浪500W足球彩票合买俱乐部" target="_blank"><img src="UploadFile/2005-12/20051211102951734.gif" width="550" border="0" align="middle" /></a></td>
</tr>
</table><hr/>
</div></xsl:if>
就可以了,这里的"@parentid > 0" 表示除了楼主的贴子外,其他的都显示改广告.如果想让每个帖子都显示的话,头尾<xsl:if test="@parentid > 0"></xsl:if>两句就可以了,想只让楼主的帖子显示广告或者指定的某一楼显示广告将"@parentid > 0" 改成=0(0表是顶楼,您可以改成10等等)
________________________________________


69 - 取消超级版主的用户注册管理权限
打开:userregmanager.asp
<%
Rem 页面说明,前台的注册设置管理页面,只有超级版主和管理员可以进入
If Not Dvbbs.Master and Not Dvbbs.superboardmaster Then Response.redirect "showerr.asp?ErrCodes=<li>您没有权限进行用户注册管理。</li>
蓝色代码删掉保存就可以,测试通过了!
________________________________________

70 - 最顶部新增导航条的修改方法
参考网站:http://bbs.chinaz.com http://www.nogo8.com/bbshttp://www.nogo8.com/bbshttp://www.nogo8.com/bbs
这样的页面最顶部增加一个导航条,有很多方便之处,一来如果你的站项目比较多,比如有博客,游戏等,可以放在最上面,二来如果一些娱乐类论坛插件较多,可以选择主打的或者特色的连接做到上面,总之很方便。当然如果你有兴趣还可以放图片或者flash了。
代码:
<div class="mainbar" id="site_menu">
<a href="#" target="_blank">对应文字</a> |
<a href="#" target="_blank">对应文字</a> |
<a href="#" target="_blank">对应文字</a> |
<a href="#" target="_blank">对应文字</a> |
<a href="#" target="_blank">对应文字</a> |
<a href="#" target="_blank">对应文字</a>
</div>
其中#可换成你需要的连接blank是打开方式,也可以任意修改。对应文字就不说了吧....想增加减少也很容易,就不说了。
方法:将代码插入(main_style)——Dvbbs.mainhtml(4)的最上面。^_^
后补:有朋友问到如何改背景颜色。下面说一下——
<div class="mainbar" id="site_menu">
改为<div class="mainbar" id="site_menu" style="background-color: #996600;>
就可以了。颜色代码自己随便改。
________________________________________


71 - 将顶部表格合并成自适应FLASH的修改方法
此法为本人用FORNTPAGE不断调试而来。
代码如下
<br>
<div class="mainbar" id="topbar_top">dvbbs</div>
<div class="mainbar" id="topbar_top">dvbbs</div>
<TABLE class=tableborder1 height=41 cellSpacing=0 cellPadding=0 width="100%"
align=center id="table2">
<TBODY>
<TR>
<TD width=1 height=31></TD>
<TD class=TopLighNav2 height=31>
<TABLE height=31 width="100%" align=center border=0 cellspacing="0" cellpadding="0" id="table3">
<TBODY>
<TR>
<TD align=center width="100%" height=18 valign="top">
<P align=center><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="100%" height="168" align="middle">
<param name="_cx" value="24024">
<param name="_cy" value="4445">
<param name="FlashVars" value>
<param name="Movie" value="你的FLASH地址">
<param name="Src" value="你的FLASH地址">
<param name="WMode" value="Transparent">
<param name="Play" value="-1">
<param name="Loop" value="-1">
<param name="Quality" value="High">
<param name="SAlign" value>
<param name="Menu" value="-1">
<param name="Base" value>
<param name="AllowScriptAccess" value="always">
<param name="Scale" value="ExactFit">
<param name="DeviceFont" value="0">
<param name="EmbedMovie" value="0">
<param name="BGColor" value>
<param name="SWRemote" value>
<param name="MovieData" value>
<param name="SeamlessTabbing" value="1"><embed src="你的FLASH地址" width="100%" height="100" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder" bgcolor="#E4E8EF">
</object>
</TD>
</tr>
<tr>
<TD align=left width="110" height="29"> </TD><TD align=left width="111" height="29"> </TD><TD align=center width="111" height="29"></TD><TD align=center width="111" height="29"></TD><TD align=center width="111" height="29"></TD><TD align=left width="111" height="29"></TD><TD align=left width="111" height="29">
<p align="center"> 
</p>
</TD>
</tr>
</table>
</td>
</table>
<body bgcolor="#99CCFF" text="#0066FF">
<div class="mainbar" id="topbar_menu">{$menu}</div>
<br />
________________________________________


72 - 版主下拉For7.1SP1
page_index template.html(0)
1. 找到
<xsl:template match="/">
上面添加:
<xsl:variable name="m_script">
<![CDATA[<script language="JavaScript" type="text/JavaScript">
function jumpmaster(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
]]>
</xsl:variable>
2.找到
<xsl:otherwise>
<xsl:choose>
<xsl:when test="/BoardList/boardmaster[@boardid=$boardid]/master">版主:<xsl:for-each select="/BoardList/boardmaster[@boardid=$boardid]/master"> <a href="dispuser.asp?name={.}" title="查看版主{.}的资料" target="_blank"><xsl:value-of select="."/></a> </xsl:for-each></xsl:when>
<xsl:otherwise> 此版暂无版主 </xsl:otherwise>
</xsl:choose>
</xsl:otherwise>
改为:
<xsl:otherwise>
<xsl:value-of select="$m_script" disable-output-escaping="yes"/>
<div style="margin-top:8px;">
<select name="m" size="1" style="width:80px;" onChange="jumpmaster('self',this,1)">
<option>版主列表</option>
<xsl:for-each select="/BoardList/boardmaster[@boardid=$boardid]/master">
<option value="Dispuser.asp?name={.}">
<xsl:value-of select="."/>
</option>
</xsl:for-each>
</select>
</div>
</xsl:otherwise>
________________________________________

73 - 快速回复栏修改方法

这样的设置,最大的好处就是可以任意更换发贴心情图片了。因为动网默认的设置里,如果你替换了比较大的发贴心情图片,在快速回复框里显示的很别扭的....
下面说说修改方法
所有设置均在后台风格模板设置中的page_dispbbs_template.html(0)中进行。

以下修改是首先实现发帖表情框的高度,我的想法是先看得见再说

找到
auto ;padding:4px 20px 4px 20px;height:30px;line-height:30px;text-align
把height:30px改为你想要的高度,一般对照你的心情图标高度调整就可以了。我设置的是70。
以下修改是先把段落格式,字体,字号这部分移走并放在快速回复工具栏中
找到这样一段,就是段落格式,字体,字号那段代码——
<div style="float:left;height:30px;line-height:30px;border:1px inset;background-color: #fff;padding:4px;">
<select id="Dvbbs_formatSelect" class="Dvbbs_TBGen" onchange="Dvbbs_doSelectClick('FormatBlock',this)">
<option>段落格式</option>
<option value="&lt;P&gt;">普通格式</option>
<option value="&lt;H1&gt;">标题 1</option>
<option value="&lt;H2&gt;">标题 2</option>
<option value="&lt;H3&gt;">标题 3</option>
<option value="&lt;H4&gt;">标题 4</option>
<option value="&lt;H5&gt;">标题 5</option>
<option value="&lt;H6&gt;">标题 6</option>
<option value="&lt;H7&gt;">标题 7</option>
<option value="&lt;PRE&gt;">已编排格式</option>
<option value="&lt;ADDRESS&gt;">地址</option>
</select>
<select class="Dvbbs_TBGen" id="FontName" onchange="FormatText ('fontname',this[this.selectedIndex].value);">
<option class="heading" selected="selected">字体</option>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="隶书">隶书</option>
<option value="幼圆">幼圆</option>
<option value="新宋体">新宋体</option>
<option value="细明体">细明体</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Courier">Courier</option>
<option value="Verdana">Verdana</option>
<option value="Wide Latin">Wide Latin</option>
<option value="Wingdings">Wingdings</option>
</select>
<select class="Dvbbs_TBGen" id="FontSize" onchange="FormatText('fontsize',this[this.selectedIndex].value);">
<option class="heading" selected="selected">字号</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>
把这段剪切,然后粘贴到
<img src="images/post/icon_alipay.gif" alt="生成一个支付宝交易信息" class="icoover" onmouseover="this.className='icoovermouseover';" onmouseout="this.className='icoover';" onclick="Dvbbs_UserDialog('InsertAlipay');this.className='icoonclick';"/>
</div>
</div>

两个</div>中间,然后把粘贴的代码中的
<div style="float:left;height:30px;line-height:30px;border:1px inset;background-color: #fff;padding:4px;">

改为<div>即可。当然以上两步你可以颠倒着做^_^!
以下修改是调整发帖表情框的高度,当然不想调也可以,只要你觉得好看...
找到:
<b>发贴表情</b></div>
<div style="height:160px;border:1px inset;background-color: #fff;padding:15px;text-indent:0px;overflow:auto;overflow-y:scroll;">

把height:160px中的数值改为想要的即可。我设定的是280。

好了。到这里就全部OK了。

下面附送1点小技巧

去掉快速回复框中的交易图标
很简单,,把
<img src="images/post/icon_alipay.gif" alt="生成一个支付宝交易信息" class="icoover" onmouseover="this.className='icoovermouseover';" onmouseout="this.className='icoover';" onclick="Dvbbs_UserDialog('InsertAlipay');this.className='icoonclick';"/>

删掉即可。
来源:http://bbs.dvbbs.net/dispbbs.asp?boardID=102&ID=1112601&page=1

ip地址已设置保密
2009/3/29 17:23:34
点击参与评论 | 引用 | 回复 回到顶部
夏雪儿
美女呀,离线,留言给我吧!
等级:网络写手
文章:67
积分:533
注册:2009年3月28日
12
 个性首页 | 博客 | 邮箱
发贴心情
74 - 版主或管理员对帖子评价后在前台显示出来
版主或管理员对帖子评价后在前台显示出来
(通过)
后台风格模板—page_dispbbs—template.html(0)
找到
<xsl:if test="@isbest='1'"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />jing.gif" border="0" title="本贴被加为精华" align="absmiddle"/&gt; </xsl:if>
<xsl:if test="@isagree != ''and contains(@isagree,'|')">
<xsl:if test="substring-after(@isagree,'|') &gt; 0"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />agree.gif" border="0" alt="好评,获得<xsl:value-of select="substring-after(@isagree,'|')" />个金币奖励" / &gt; </xsl:if>
<xsl:if test="substring-before(@isagree,'|') &gt; 0"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />DisAgree.gif" border="0" alt="差评,扣除<xsl:value-of select="substring-before(@isagree,'|')" />个金币"/&gt; </xsl:if>
</xsl:if>
<xsl:if test="@isupload='2' or @isupload='3'"> &lt;a href="wap.asp?Action=readme" target="_blank" &gt;&lt;img src="<xsl:value-of select="/post/setting/@picurl" />wap00.gif" border="0" alt="Wap-手机发帖"/&gt;&lt;/a&gt; </xsl:if>
修改为
<xsl:if test="@isbest='1'"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />jing.gif" border="0" title="好" align="absmiddle"/&gt;&lt;font color=red&gt;[好]&lt;/font&gt; </xsl:if>
<xsl:if test="@isagree != ''and contains(@isagree,'|')">
<xsl:if test="substring-after(@isagree,'|') &gt; 0"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />agree.gif" border="0" alt="好评,获得<xsl:value-of select="substring-after(@isagree,'|')" />个金币奖励" / &gt;&lt;font color=blue&gt;[好评,获得<xsl:value-of select="substring-after(@isagree,'|')" />个金币奖励]&lt;/font&gt; </xsl:if>
<xsl:if test="substring-before(@isagree,'|') &gt; 0"> &lt;img src="<xsl:value-of select="/post/setting/@picurl" />DisAgree.gif" border="0" alt="差评,扣除<xsl:value-of select="substring-before(@isagree,'|')" />个金币"/&gt; &lt;font color=green&gt;[差评,扣除<xsl:value-of select="substring-before(@isagree,'|')" />个金币]&lt;/font&gt; </xsl:if>
</xsl:if>
<xsl:if test="@isupload='2' or @isupload='3'"> &lt;a href="wap.asp?Action=readme" target="_blank" &gt;&lt;img src="<xsl:value-of select="/post/setting/@picurl" />wap00.gif" border="0" alt="Wap-手机发帖"/&gt;&lt;/a&gt; &lt;/a&gt;&lt;font color=#CC00FF&gt;[Wap-手机发帖]&lt;/font&gt; </xsl:if>  
  
________________________________________


76 - SP1实现版主等级和发贴等级分离
说明:本修改原创为uusz~~
版主不管发多少贴,等级总是版主,是不是有点乏味?此修改的目的就是让版主以上等级的用户的等级称号按照发贴数对应注册会员组的等级,但是不影响版主的权限。
演示见本论坛~~http://www.m33r.com
修改方法:
1、修改savepost.asp。找到

If Not (Rs.Eof And Rs.Bof) Then
If Rs(2)<>3 Then
'用户等级不按照文章升级,用户为系统或特殊或多属性组
UserClass=Rs(3)
TitlePic=Rs(4)
FoundGrade=True
End If
End If

修改为
If Not (Rs.Eof And Rs.Bof) Then
If Rs(2)<>3 Then
'用户等级不按照文章升级,用户为系统或特殊或多属性组
'UserClass=Rs(3)
'TitlePic=Rs(4)
FoundGrade=True
End If
End If
If FoundGrade Then
'如果属于系统或特殊或多属性组,则只更新UserClass和TitlePic而不更新GroupID
Set Rs=Dvbbs.Execute("Select Top 1 usertitle,GroupPic,UserGroupID From Dv_UserGroups Where ParentGID=3 And Minarticle<="&UserPost&" Order By MinArticle Desc,UserGroupID")
If Not (Rs.Eof And Rs.Bof) Then
UserClass=Rs(0)
TitlePic=Rs(1)
'GroupID=Rs(2)
'FoundGrade=True
End If
End If
''''''''''''''''''''''''''''''''''''''''''
2、修改login.asp。找到
If Not (rsUser.Eof And rsUser.Bof) Then
If rsUser(2)=1 Or rsUser(2)=2 Or rsUser(2)=4 Or rsUser(2)=5 Then
'用户等级不按照文章升级,用户为系统或特殊或多属性组
'UserClass=rsUser(3)
'TitlePic=rsUser(4)
FoundGrade=True
End If
End If
修改为
If Not (rsUser.Eof And rsUser.Bof) Then
If rsUser(2)=1 Or rsUser(2)=2 Or rsUser(2)=4 Or rsUser(2)=5 Then
'用户等级不按照文章升级,用户为系统或特殊或多属性组
'UserClass=rsUser(3)
'TitlePic=rsUser(4)
FoundGrade=True
End If
End If
If FoundGrade Then
'如果属于系统或特殊或多属性组,则只更新UserClass和TitlePic而不更新GroupID
Set rsUser=Dvbbs.Execute("Select Top 1 usertitle,GroupPic,UserGroupID From Dv_UserGroups Where ParentGID=3 And Minarticle<="&Article&" Order By MinArticle Desc,UserGroupID")
If Not (rsUser.Eof And rsUser.Bof) Then
UserClass=rsUser(0)
TitlePic=rsUser(1)
'GroupID=rsUser(2)
'FoundGrade=True
End If
End If
''''''''''''''''''''''''''''''''''''''''
3、按照上面的修改以后,当版主重登录的时候,等级称号和图片就开始按照发贴数变化了。但是在帖子用户信息里面,无法知道是不是版主,所以要修改模板page_dipbbs_html(0)。找到
<div>等级:<xsl:value-of select="/post/userlist/user[@userid=$userid]/@userclass"/></div>
在前面加上:
<xsl:if test="/post/userlist/user[@userid=$userid]/@usergroupid = '3'"><div>职务:论坛版主</div></xsl:if>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usergroupid = '2'"><div>职务:总版主</div></xsl:if>
<xsl:if test="/post/userlist/user[@userid=$userid]/@usergroupid = '1'"><div>职务:管理员</div></xsl:if>
修改完毕,如果你的论坛还有其它的非注册用户组的会员,参照修改3添加相应的区分。
http://bbs.dvbbs.net/dispbbs.asp?boardID=13&ID=1121104&page=1
________________________________________


77 - 帖子标题后面加精华图片

1、分页面模板(page_list)界面风格管理——〉template.html(6)
找到:
{$pagelist}
替换为:
{$pagelist}&nbsp;{$isbest}
2、分页面模板(page_list)界面风格管理——〉template.html(11)
找到: var BoardTopic=BoardTopicMode.split(" | "); var TMode
在其下面增加:
if (isbest==0)
{ str = str.replace(/{\$isbest}/gi,"");
} else
{ str = str.replace(/{\$isbest}/gi,"<img src=skins/default/jing.gif alt=精华帖子>");
}
________________________________________


79 - 指向链接时链接文字出现下沉效果
在后台:
风格界面模板总管理=》修改CSS样式
找到
A:hover{TEXT-DECORATION: underline;Color:#4455aa}
修改为:
A:hover{TEXT-DECORATION:line-through;color: :#4455aa;position: relative; left:1px;top:1px;}
其中line-through是链接的地方中间一道线,如果不喜欢,就用原来的:underline
两个1px是下沉量,你要下沉多一些,可以改成2px或3px
就说这么多,自己动手做吧:)
________________________________________

86 - 本页URL地址(双击复制)
main_style,Dvbbs.mainhtml(5)
在最后一个<br>前面加入以下代码:

<script>
function copyCode(o){o.select();var js=o.createTextRange();js.execCommand("Copy");alert("复制成功!");}
document.write("<table align=center class=tableborder1 cellpadding=1 cellspacing=0><tr>");
document.write("<td width=10% nowrap class=tablebody1>本页URL地址(双击复制):</td>");
document.write("<td class=tablebody1><textarea onfocus=this.select() style='width:100%;overflow-y:visible;' ondblclick=copyCode(this) rows=1>");
document.write(self.location+"</textarea></td></tr></table>");
</script>
________________________________________


87 - 菜单透明的修改方法:
将风格css中的 .menuskin改为:
.menuskin
{
BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana;
POSITION: absolute;
BACKGROUND-COLOR: #EFEFEF;
filter: Alpha(Opacity=85);
background-image: url("{$PicUrl}dvmenubg3.gif");
background-repeat: repeat-y;

红色为加入部分!
________________________________________


88 - 加入背景音乐的方法
分三种情况:
  一、在所有页面上,播放背景音乐。加入的方法是:登录后台管理,进入[风格界面模板总管理],修改[当前模板主模块(Main_Style) ]的界面风格[Dvbbs.mainhtml(4)
],在最后面加上代码:
  <BGSOUND src="背景音乐地址"
loop=-1>
  保存修改即可。
  二、仅在论坛首页加入背景音乐。有两种办法:
  1.修改index.asp文件。在index.asp中,加入如下代码:
  <BGSOUND src="背景音乐地址"
loop=-1>
  2.登录后台管理,进入[风格界面模板总管理],修改[page_index]的界面风格[template.html(0)],在最后面加入如下代码:
  <BGSOUND src="背景音乐地址"
loop=-1>
  保存修改即可。
  三、在分论坛加入背景音乐。加入方法是,进入相应分论坛的基本信息管理 ,在版本说明中,加入如下代码:
  <BGSOUND src="背景音乐地址"
loop=-1>
  提交修改即可。
________________________________________


89 - 每刷新一次随机更换背景(适合窄皮肤)
找到
(main_style)模板
Dvbbs.mainhtml(1)
在最后添加
<script LANGUAGE="JavaScript">
bg = new Array(2);
bg[0] = 'bg.gif'
bg[1] = 'bg1.gif'

bg[2] = 'bg2.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>
说明
bg = new Array(2);
设定图片数量,如果图片数为3,这个参数就设为2,依次类推
bg[0] = 'bg.gif'
背景图片地址.可以用"http://"
________________________________________

91 - 鼠标放上去四周有虚线的效果
CSS样式表找到类似:
a:hover {text-decoration : none; color : #D90702;}
的,后面加入:
border: 1px #D90702 Dashed;
如:
a:hover {text-decoration : none; color : #D90702;border: 1px #D90702 Dashed; }

ip地址已设置保密
2009/3/29 17:24:06
点击参与评论 | 引用 | 回复 回到顶部

  
动网论坛7.1SP1 CSS详解
发贴表情
字体颜色 字体背景颜色 粗体 斜体 下划线 超级连接 插入图片 Flash图片 realplay视频文件 Media Player视频文件 引用 清理代码 生成一个财付通交易信息
显示:
预览
回复标题
上传表单
字节.
Copyright ©2004 - 2023 cnrr.cn
Powered By Dvbbs Version 8.0.0
页面执行时间 0.06250 秒, 4 次数据查询