云水论坛

标题: 【动网经典教程】请跟我来－解剖动网7.0风格 [打印本页]

作者: 森森 时间: 2011-2-13 23:31
标题: 【动网经典教程】请跟我来－解剖动网7.0风格

动网7.0 Forum_CSS 中的代码解释

建立层样式表（CSS）

　　进入动网台后，外观设置 -> 风格界面模板总管理中，建立一个新的模板，就是下面那里的“新建模板”，我们就起名为cafe好了。

　　然后，在上面那里选择我们刚才建立的模板“cafe”，按“编辑”，就会打开新的模板组，我们先来修改基本的CSS属性，按“当前模板CSS设置(Forum_CSS) -> 修改CSS样式”进入“CSS样式管理”面板，可以将其它不用的模板都删除掉，留下第一个和最后一个空的就可以了。点击第一个CSS模板后面的“修改CSS内容”按钮。我们就会看到下面这一大堆CSS，想必菜鸟看了会晕倒过去，那偶就来帮大家解释一下每CSS的作用。

A:link,A:active,A:visited{ TEXT-DECORATION:none ; Color:#000000 }

A:hover{ TEXT-DECORATION: underline; Color:#4455aa }

上面这指的是鼠标在对链接文字进行操作、操作后和操作时所产生的效果 A属性 link：文字连接的默认颜色、效果等 active：点击时产生的效果 visited：点击后的效果 hover：鼠标悬停在链接上时所产生的效果

Decoration属性 none：无效果 underline：下划线效果

大家可以根据这两种常用属性来配出喜欢的链接文字效果。

BODY{ FONT-SIZE: 11.5px; COLOR: #000000; FONT-FAMILY: Verdana,宋体; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; }

body：指HTML内标签的属性

font-size：字体大小，单位分为px（象素）和pt（磅），一般我们常用的是象素尺寸为12px或者11.5px，磅的大小为9pt或者8pt，两种单位最终显示的大小都是一样的，用哪种单位就看个人习惯了。

color：默认情况下是字体颜色，颜色大家可以使用RGB颜色，也可以使用16位颜色代码。推荐使用16位颜色代码。

FONT-FAMILY：字体样式，大家会经常看到在font-family设置里一下出现3种字体（例：FONT-FAMILY: Verdana,Tahoma,宋体），一般前两种为英文字体，最后的是中文字体。英文字体设置两种是为了防止如果客户端没有第一种字体，马上使用第二组英文字体。大多数情况下，中文操作系统中都会支持宋体，所以我们也就不必要再设置第二种中文字体了。

scrollbar：指滚动条 scrollbar-face-color：表面颜色 scrollbar-highlight-color：高亮区颜色 scrollbar-shadow-color：阴影颜色 scrollbar-3dlight-color：3D颜色 scrollbar-arrow-color：箭头颜色 scrollbar-track-color：轨道颜色（滚动条底色） scrollbar-darkshadow-color：深阴影颜色 IE5.5以后的版本都会支持这种自定义滚动条的效果。

font{ line-height : normal ; }

font：为字体属性 line-heigt：为行距属性，normal为默认，当然这里也可以用px或者pt来设置行距。

TD{ font-family: Verdana,宋体; font-size: 11.5px; line-height : 15px ; }

TD ：表内横向格（行）

th{ background-image: url(Skins/Default/css/default/bg1.gif); background-color: #4455aa; color: white; font-size: 12px; font-weight:bold }

TH：表内纵向格（例） background-image：背景图片 background-color：背景颜色 Color：默认为文字颜色 font-size：字体大小 font-weight：字形，一般有4种属性：normal（默认）、bold（加粗）、bolder（特粗）、lighter（特细）

td.TableTitle2{ background-color: #E4E8EF; } 这个属性是用在DVBBS用户列表，有“所有用户列表”字样那里的颜色。

td.TableBody1{ background-color: #FFFFFF; line-height : normal ; } 这个是用在DVBBS两种穿插颜色中的第一主色属性。

td.TableBody2{ background-color: #E4E8EF; line-height : normal ; } 这个当然就是第二种啦~~

td.TopDarkNav{ background-image: url(Skins/Default/css/default/topbg.gif); } 这是顶部表格的上背景图片

td.TopLighNav{ background-image: url(Skins/Default/css/default/bottombg.gif); } 这是顶部表格的下背景图片。这里要说明的是，如果你像我一样，把DVBBS的整个顶部表格都换掉了，那上面这两个属性就可以不用再管他，或者直接删掉。

td.TopLighNav1{ background-image: url(Skins/Default/css/default/tabs_m_tile.gif); } 这里就是导航栏的背景图片了~~

td.TopLighNav2{ background-color:#FFFFFF } 这个属性也是顶部表格的，它是顶部表格的背景颜色，同样，如果你把整个表格都改了，也可以不用管它了。

.tableBorder1{ width:{$width}; border: 1px; background-color: #6595D6; } 这里DVBBS的表格边线属性（border为边线宽度）

.tableBorder2{ width:{$width}; border: 1px #DEDEDE solid; background-color: #EFEFEF; } 这个是DVBBS的第二导航栏属性，其border中的solid为边线是直线，也可以设置成其它的，比如dotted（以点组成的虚线）、dashed（以线段组成的虚线）等等。。。

#TableTitleLink A:link, #TableTitleLink A:visited, #TableTitleLink A:active { COLOR: #FFFFFF; TEXT-DECORATION: none; } #TableTitleLink A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; } 上面这一组是纵向表格内文字链接的属性。

input,select,Textarea,option{ font-family:Tahoma,Verdana,"宋体"; font-size: 12px; line-height: 15px; COLOR: #000000; } 这个是DVBBS的输入框、选择框、文本框、选择按钮的属性。

.normalTextSmall { font-size : 11px; color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; } 这个为DVBBS下脚注的字体样式。

.menuskin { BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana; POSITION: absolute; BACKGROUND-COLOR:#EFEFEF; background-image:url("Skins/Default/dvmenubg3.gif"); background-repeat : repeat-y; } 这是DVBBS的下拉菜单属性，Borded是边框属性，BACKGROUND-COLOR是背景颜色属性，background-image是背景图片。

.menuskin A { PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none; behavior:url(inc/noline.htc); } 这里是当鼠标鼠标移动到下拉菜单上所产生的效果，PADDING-RIGHT是文字右边距，PADDING-LEFT为左边距，大家可以根据自己的需要来调整。

#mouseoverstyle { BACKGROUND-COLOR: #C9D5E7; margin:2px; padding:0px; border:#597DB5 1px solid; } 这是下拉菜单内表格的属性

#mouseoverstyle A { COLOR: black } 这是当鼠标移动到下拉菜单上，文字产生的效果。

.menuitems{ margin:2px;padding:1px;word-break:keep-all; } 这是下拉菜单的基本属性。

a.navlink:link {color: #000000; text-decoration:none} a.navlink:visited {color: #000000; text-decoration:none } a.navlink:hover {color: #003399; text-decoration:none } 上面这一组为导航栏的文字链接属性。

.BrightClass{ background-color: #D7D7D7; } 呃。。。这个我也不知道应该是哪里的。。。

/* 编辑器特效CSS样式 */ div.quote{ margin:5px 20px; border:1px solid #CCCCCC; padding:5px; background:#F3F3F3 ; line-height : normal ; } 这里为引用其他人发言时，引用框的效果。

div.HtmlCode{margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#FDFDDF ; font-size:12px;font-family:ncursive;line-height : normal ;overflow:auto } 这个是引用HTML字段的效果。

好了，累了我一半死，这么多CSS，每一个设定作用都给大家介绍完了，下面我们切入正题~~

增加body属性在动网的body属性中，没有设置background-color（背景颜色），这样会导致在个别客户端设置了自己的背景颜色的情况下，和自己网站的风格极为不协调的效果。所以我们要设置一下背景颜色。以下还为我的站点为例。

设置background-color: #EE9C00，如果还想加上一张背景图片的话，可以再加一条属性，background-image: url({$PicUrl}bg_01.gif)，这里面的{$picurl}也是在SP2中新加入变量，这个变量需要在“图片包路径”中设置好。我们的背景图片就给它起名叫“bg_01.gif”好了~

接着，我们还可以再加入 margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; 这四项属性，即：网页左边距、上边距、右边距和下边距，这些都是相对于浏览器边缘的。在这里我们设置它的值都为0px。

　　然后我们调整td.TopLighNav1属性中的背景图片，在PS中，建立一张宽度为1px，高度为22px的图片，用渐变工具填充它，就可以得到一张这样的图片（我为了大家看着方便，就把这张图的宽度加长了），仍然把它保存到我们的皮肤目录下，命名为“bg_02.gif”。在这里，我们不一定非要用张这样的图片，用这种图片也只是为了让导航栏更有立体感，你可以把 background-image删除，改为 background-color，直接写一个颜色属性就可以了。

　　接着我们调整.tableBorder1属性，大家可以看到，上面的“top_left.gif”“top_right.gif”等6张图片，中的黑色线条离边缘位置还有2px的宽度，所以我们在这里要给.tableBorder1再加几个属性： border-right-width: 2px;（右边线宽度） border-left-width: 2px;（左边线宽度） border-right-style: solid;（右边线样式：实线） border-left-style: solid;（左边线样式：实线） border-right-color: #F4C160;（右边线颜色） border-left-color: #F4C160;（左边线颜色）接着将background-color: #6595D6中颜色修改为#000000（黑色），这样，就可以让我们的表格边线和图片对齐了。如果你图片中没有那2px的距离也可以不用改边线宽度，直接把background-color修改为你的边线颜色就可以了~~

往下看，我们可以修改下#TableTitleLink项，在DVBBS默认的color属性中为#FFFFFF（白色），这样配起我们的skin来会比较不协调，所以我们修改color为属性为#000000（黑色）

最后，就是修改一下下拉菜单的背景图片，在.menuskin中，我们可以看到background-image的属性是url("{$PicUrl}dvmenubg3.gif")，转到PS中，我们来做一张图片，起名为“menubg_01.gif”将它保存到我们的cafe目录下，修改background-image的属性为url("{$PicUrl}menubg_01.gif.gif")。

按一下CSS文本框中的“提交”按钮，至此，我们CSS建立工作就完成了~~~

作者: 森森 时间: 2011-2-13 23:34

一、main_style界面风格

Dvbbs.mainhtml(1)获取官方数据

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" c> <meta name="generator" c> <meta name=keywords c> <meta name="description" c>

这里需要说明的是，{$keyword}是你在论坛基本设置中，让搜索引擎可以搜索到的信息，怎么填写，你可以自己填的，这里的变量，就无需修改啦。{$description}是指你的论坛说明内容。

Dvbbs.mainhtml(2)

<script language = "JavaScript" src = "inc/Main.js"></script> </head> <body topmargin="0" leftmargin="0"> <div class=menuskin id=popmenu style="Z-index:100"></div>

调用了ＪＳ文件inc/Main.js，页头<head>结束。

下面开始论坛网页内容显示，<body>开始，<div>是开始定义层的下拉菜单相关参数。一般此框很少作修改

Dvbbs.mainhtml(3)

<table width="{$width}" cellspacing="0" cellpadding="0" border="0" align="center"> <tr> <td id="top">{$top}</td> </tr> </table>

呵呵……动网已经有说明了，就是论坛最顶部的阳光短信广告的地方，你不用删除，因为动网在后台已经有了开关，你只要关闭就可以了，当然，还是有站长选择开的。

Dvbbs.mainhtml(4)

<table cellspacing="0" cellpadding="0" align="center" class=tableborder1> <tr> <td width="1"></td> <td class=TopDarkNav height=9 width="*"></td> <td width="1"></td> <tr> <td width="1" height="70"></td> <td height="70" class=TopLighNav2> <TABLE border="0" width="100%" align="center"> <TR><TD align=left width="25%"><a href="{$link}"><img border=0 src="{$logo}"></a></TD><TD Align=center width="65%" id="Top_ads">{$top_ads}</td> <td align="right" style="line-height: 15pt" width="10%"> <span style="CURSOR: hand" >收藏本页</span><br><a href="{$mailto}" target=_blank>联系我们</a><br><a href="boardhelp.asp?boardID={$boardid}">论坛帮助</a></td></tr></table> </td> <td width="1"></td> <tr> <td width="1"></td><td class=TopLighNav height=9 width="*"></td> <td width="1"></td> </tr> <tr> <td width="1"></td> <td class=TopLighNav1 height=22 valign="middle" id="Menu"> {$menu}</td> <td width="1"></td> </tr> </table>

这个就是我们修改风格时，经常要改动的地方，是论坛页头显示部份，红色的代码，就是显示菜单选项的表格行，你可以放在上面，如果你对Ｈｔｍｌ不算精通，可以用ＤＷ等即编即可视效果的软件，编辑好后，放在模板里替换代码即可。

Dvbbs.mainhtml(5)

<table cellspacing="1" cellpadding="3" align="center" border="0" width="{$width}"> <tr> <td width="*"><BR> >> {$boardreadme} </td> <td width="150" align="right"> {$umsg} </td></tr></table> <table cellspacing=1 cellpadding=3 align=center class=tableBorder2> <tr> <td height=25 valign=middle> <img src="skins/default/Forum_nav.gif" align="absmiddle">{$nav} <a name=top></a> {$showstr} </td> </table><br>

应该不难理解，{$boardreadme} 是你在该版块的版块说明内容，{$umsg} 是你在论坛短信显示的变量，在下面的模板中我们再加以说明。<img src="skins/default/Forum_nav.gif" align="absmiddle">就是引导符号啦。{$nav}是你现在论坛的所在地址， {$showstr}就是现在你在操作什么的提示。

Dvbbs.mainhtml(6)

<script language="javascript"> var tmenu='{$syles}' </script> <b>{$username}</b> <a href="login.asp" >重登录</a> <img border=0 src="Skins/Default/navspacer.gif" align="absmiddle"> {$hiddeninfo} <img border=0 src="Skins/Default/navspacer.gif" align ="absmiddle"> <a style="CURSOR:hand" href="usermanager.asp">用户控制面板</a> {$raymenuinfo} <img border=0 src="Skins/Default/navspacer.gif" align ="absmiddle"> <a href="query.asp?boardid={$boardid}">搜索</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a onmouseover=showmenu(event,tmenu) onmouseout=delayhidemenu() class='navlink' style="CURSOR:hand" >风格</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a style="CURSOR:hand" >论坛状态</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="show.asp?boardid={$boardid}" >论坛展区</a> {$plusmenu} {$manageinfo} <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="logout.asp">退出</a>

在这里，你可以直接修改论坛的菜单导航条，增加或删除一些不必要的。大家尽可DIY一下，不过注意要备份哦。

Dvbbs.mainhtml(7)

<script language="javascript"> var tmenu='{$syles}' </script> <a href="login.asp" >登录</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="reg.asp">注册</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="query.asp?boardid={$boardid}">搜索</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a onmouseover=showmenu(event,tmenu) onmouseout=delayhidemenu() class='navlink' style="CURSOR:hand" >风格</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a style="CURSOR:hand" >论坛状态</a> <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="show.asp?boardid={$boardid}" >论坛展区</a> {$plusmenu} <img border = 0 src = "Skins/Default/navspacer.gif" align = "absmiddle" > <a href="BoardPermission.asp?boardid={$boardid}&action=Myinfo">我能做什么</a>

和已登录用户菜单的说明基本一样的，对于未注册的用户，你想增减什么菜单选项，在这里也是同样可以直接修改的。

作者: 森森 时间: 2011-2-13 23:34

Dvbbs.mainhtml(8)

<Div id=bottom align="center" >{$ad}</div> <br> <TABLE cellSpacing="0" cellPadding="0" width="{$width}" border="0" align="center"> <tr><td align="center" id=Footer_ads>{$Footer_ads}</td></tr> <tr><td align="center"><table align="center"><tr> <td align="center">{$powered}<br>{$copyright}{$runtime}<br> <font color="#999999" >当前模板样式：[{$StyleName}]</font> </td>{$server}</tr></table> </td></tr> </table> </body></html>

这里也是大家在DIY风格时，经常要修改的地方，就是页尾显示部份了。

{$ad}是页尾广告部份，你可以在后台的广告设置－－页尾部份进行填写；

{$powered}和{$copyright}是动网的版本和我们现在论坛使用的网站，{$copyright}可以自己在后台的基本设置中填写网站名称。

{$runtime}是网页运行的时间。

{$StyleName}是当前使用的模板名称。

最后是页面内容的结束</body>和网页结束</html>，如果你在页尾做了DIY美化处理，就要在页面内容结束前写入Ｈｔｍｌ代码了。

Dvbbs.mainhtml(9)

<div class="menuitems"><a href=cookies.asp?action=stylemod&skinid=0&boardid={$boardid}>恢复默认设置</a></div>||<a title="您当前正在使用的模板"><font color="{$alertcolor}">{$skinname}</font></a>||<table width="160" border="0" cellspacing="0" cellpadding="0"><tr><td>{$sylelist}</td></tr></table>||<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>{$csslist}</td></tr></table>||   <img id="{$skinid}" style="cursor:hand" src="Skins/Default/plus.gif" width="15" height="15"><span id="{$skinid}_" style="cursor: hand" class="menuitems" >{$skinname}</span><span id="{$skinid}_content" style="DISPLAY: none">{$cssinfo}</span>||<div class="menuitems">      <img src="Skins/Default/minus.gif"><a href="cookies.asp?action=stylemod&skinid={$skinid}&boardid={$boardid}&cssid={$cssid}">{$cssname}</a></div>||<div class="menuitems">      <img src="Skins/Default/minus.gif"><a title="您正在使用的Css风格"><font color="{$alertcolor}">{$cssname}</font></a></div>

我用红色的||分出７段，现在逐段说明一下：

１．恢复你所在的论坛位置本来的风格，也就是坛长在后台设定好不同的版块不同的风格啦。点击后即可恢复。

２．是提示作用来的，颜色通常就是我们在后台的默认模板基本设置(mainsetting)设置中的警告提醒语句的颜色啦。

３．下拉菜单的宽度，如果你的风格名字太长，可能会自动换行，就不好看啦，定义长点，呵呵……网乐这里就没注意，所以也不好看咯。

４．同样是表格的定义。

５．有一些风格，去掉了现在的+号，直接一点就可以出来，其实就是改这个地方了。网乐也没改过，呵呵……大家喜欢别忘了DIY一下哦。

６．和上面一样，这里显示的就是－号，也就是如果你想实现第５步讲的那样，别忘了第５和第６同样需要需改的。

７．提示你现在正在使用的风格是第几个Ｃｓｓ样式。动网默认的就有１７种Ｃｓｓ样式，但都在同一个风格里面。只要灵活的运作Ｃｓｓ和风格中的变量调用，你就可以玩出更多皮肤哦。

修改点击后直接显示的方法：进入后台，模板管理，分页面模板 main_style ，Dvbbs.mainhtml（9）修改为以下数据

<div class="menuitems"><a href=cookies.asp?action=stylemod&skinid=0&boardid={$boardid}>恢复默认设置</a></div>||<a title="您当前正在使用的模板"><font color="{$alertcolor}">{$skinname}</font></a>||<table width="160" border="0" cellspacing="0" cellpadding="0"><tr><td>{$sylelist}</td></tr></table>||<table width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td>{$csslist}</td></tr></table>||<span id="{$skinid}_content" style="DISPLAY:">{$cssinfo}</span>||<div class="menuitems">  <a href="cookies.asp?action=stylemod&skinid={$skinid}&boardid={$boardid}&cssid={$cssid}">{$cssname}</a></div>||<div class="menuitems"><B style=color:{$alertcolor}>√</B><a title="您正在使用的Css风格"><font color="{$alertcolor}">{$cssname}</font></a></div>

Dvbbs.mainhtml(10)

管理员的菜单项，你可以把这里的回收站Ｈｔｍｌ代码，放在“已登录菜单”中，这样大家也可以看到有回收站哦。

Dvbbs.mainhtml(11)

<img border=0 src="Skins/Default/navspacer.gif" align ="absmiddle"> <a style="CURSOR:hand">手机短信</a>||<div class=menuitems><a style=font-size:9pt;line-height:14pt; href=challenge_mod.asp>阳光会员修改资料</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=challenge_mod_pw.asp>修改阳光会员密码</a></div>||<div class=menuitems><a style=font-size:9pt;line-height:14pt; href=challenge_up.asp>升级成为阳光会员</a></div>||<div class=menuitems><a href=# onclick=\'mybook()\'>我的服务</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=# onClick=javascript:window.open(\'http://forumAd.to5198.com/out/self1.jsp?mouseId={$channame}&css=Get_Css.asp?skinid=0&url={$forumurl}\',\'blank\',\'width=300,height=300\')>自写短信</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=http://bbs.ray5198.com/serve.html target=_blank>阳光客服</a></div><div class=menuitems><a style=font-size:9pt;line-height:14pt; href=http://forumAd.to5198.com/union/mysms_pic.jsp?mouseId={$channame}&css=Get_Css.asp?skinid=0&url={$forumurl} target=_blank>手机图片铃声下载</a></div>

这里是页面显示阳光短信显示的内容

Dvbbs.mainhtml(12)

<bgsound src="skins/default/mail.wav" border=0>||<script language="JavaScript">openScript("messanger.asp?action=read&id={$smsid}&sender={$sender}",500,400)</script>||<img src="skins/default/msg_new_bar.gif" align="absmiddle"> <a href="usersms.asp?action=inbox">我的收件箱</a> (<a href="javascript:openScript('messanger.asp?action=read&id={$smsid}&sender={$sender}',500,400)"><font color={$alertcolor}>{$newmsgnum}</font></a>)||<img src="skins/default/msg_no_new_bar.gif" align="absmiddle"> <a href="usersms.asp?action=inbox">我的收件箱</a> (<font color=gray>0</font>)

这个是Dvbbs.mainhtml(5)中{$umsg}变量的内容，用||区分出来了。

１．这个就是论坛短信息的提示音来的，可以自己修改地址。

２．呵呵……这里可以修短信息点击后弹出来的窗口大家哦。如果你的论坛风格被定义了７８０这样的指定宽度，有时打开短信息窗口是不是怪怪的呢？！这里的５００是窗口的宽，４００就是窗口的高了，自己Ｄｉｙ啦。

３．是表示有新短信息时，要显示的内容，其中{$newmsgnum}是新短信数量。

４．是表示没有短信息时，要显示的内容。

Dvbbs.mainhtml(13)

<br> <table cellpadding=3 cellspacing=1 align=center class=tableborder1 style="width:75%"> <tr align=center> <th width="100%">论坛成功信息 </td> </tr> <tr> <td width="100%" class=tablebody1> <b>操作成功：</b><br><br> {$sucmsg} </td></tr> <tr align=center><td width="100%" class=tablebody2> <a href="{$returnurl}"> << 返回上一页</a>   ||   <a href="javascript:window.close()"> 关闭窗口>></a> </td></tr> </table><br>

就是你论坛操作成功后，弹出来的窗口。可以自己改改哦。加个图什么的，可以另类些的。

Dvbbs.mainhtml(14)

<br><table cellpadding=3 cellspacing=1 align=center class=tableborder1 style="width:75%"> <tr align=center> <th width="100%" height=25 colspan=2>{$errtitle}</td> </tr><tr><td width="100%" class=tablebody1 colspan=2>    <b>您在"<font color="{$color}">{$action}</font>"的时候发生错误,下面是错误的详细信息</b></td></tr> <tr><td width="100%" class=tablebody1 colspan=2> {$ErrString} </td></tr> <tr><td width="100%" class=tablebody1 colspan=2> <li>请仔细阅读论坛帮助文件，确保您有相应的操作权限。 </td></tr> <tr><td class=tablebody2 valign=middle colspan=2 align=center> <a href="javascript:history.go(-1)"><< 返回上一页</a>   ||   <a href="javascript:window.close()"> 关闭窗口>></a> </td></tr> </table> <br>

就是你论坛操作失败后，弹出来的窗口。可以自己改改哦。加个图什么的，可以另类些的

Dvbbs.mainhtml(15)

<input type="text" name="codestr" maxlength="4" size="4">

验证内容，也就是现在显示的四位数验证码哦。这个你也改？不是吧。呵呵……

官网版本的main_style就分析到这里。其它我再继续。大家多给点意见，由于我也是初次写这次，难免有不足之处，欢迎指正啦！

作者: 森森 时间: 2011-2-13 23:34

page_index模板

template.html(0)

<br><table cellspacing=1 cellpadding=3 align=center border=0 width={$width}><tr><td align=center width=100% valign=middle colspan=2> <a href="javascript:openScript('announcements.asp?action=showone&boardid=0',500,400)"><B>{$news}</B></a>({$newstime}) </td></tr></table> <table cellspacing=1 cellpadding=3 align=center class=tableBorder1><tr> <th width="100%" height="24" colspan="2"> </th></tr> <tr><td class=tableBody1 align=center width="*" > {$myinfo}</td><td width=340 class=tableBody1 valign="top"> <TABLE border=0 width="98%" align=center><tr><td height=24> 共有 <B>{$UserNum}</B> 位会员 </td><td> <a href="toplist.asp?orders=2">新进来宾</a> [<a href=dispuser.asp?name={$lastUser} target=_blank><b>{$lastUser}</b></a>]</td> </tr><tr><td height="1" colspan="2"> <table border=0 cellspacing=0 cellpadding=0 align=center style="width:100%" class=tableborder1> <tr><td> </td></tr> </table> </td></tr><TR><TD> 今日发帖：<FONT COLOR={$alertcolor}><B>{$TodayNum}</B></FONT> 篇</td><TD> 主题总数：<b>{$TopicNum}</b> 篇 </td></tr><tr><td> 昨日发帖：<B>{$YesTerdayNum}</B> 篇 </td><td> 帖子总数：<b>{$PostNum}</b> 篇 </td></tr> <tr><td colspan="2"> 最高日发帖：<font title="发生日期: [{$MaxPostDate}"><B>{$MaxPostNum}</B></font> 篇，发生时间：{$MaxPostDate} </td></tr></table> </td> </tr><tr><td class=tableBody2 align="center" colspan="2" height="25" width="100%"> <a href=query.asp?stype=3&pSearch=0&nSearch=0>查看新贴</a> <font face=Wingdings color=666666>v</font> <a href=query.asp?stype=4&pSearch=0&nSearch=0>热门话题</a> <font face=Wingdings color=666666>v</font> <a href=toplist.asp?orders=1>发贴排行</a> <font face=Wingdings color=666666>v</font> <a href=toplist.asp?orders=7>用户列表</a></td></tr> </table><br>

其实这里的Ｈｔｍｌ代码，大家都可以复制到ＤＷ中，即时可视的编辑方式去排版的。

红色的代码，就是首页公告显示的位置了，有些坛主喜欢把它改成自右向左移动的，还加个Ｇｉｆ图片在前边，显得比较动态点的，就是改红色这里的代码来实现的。

中间黑色的代码，就是首页信息框中显示的了，一些显示男生、女生等数量的，就是加在这里的啦。现在也有一些在首页显示最新帖、最新公告等等的调用，都是改这个地方的。为什么要改这里呢？因为不管你注册还是未注册的会员，都是可见的啦。不过被我加了绿色的{$myinfo}，就是显示注册或未注册会员的信息哦。下面我会提到的。

蓝色的代码，一般不做修改。可是如果你是喜欢用宽屏的Ｄｉｙ朋友，不改这里我就不怎么相信啦！因为可以个性化的适当添加些功能选项，比如音乐版的开关等等，呵呵……一般都是喜欢放在这一行的。

template.html(1)

<TABLE border=0 width="98%" align=center> <tr> <td rowspan=6 width=88 align=center>{$userlogo}</td> </tr> <tr><td height=22> {$umsg} </td><td colspan=2> {$sysmsg} </td></tr> <tr><td height="1" colspan="3"> <table border=0 cellspacing=0 cellpadding=0 align=center style="width:100%" class=tableborder1> <tr><td> </td></tr> </table> </td></tr> <tr><td>  :: <a href="friendlist.asp">我的外交状况</a> </td><td>  :: <A HREF="javascript:openScript('messanger.asp?action=new',500,400)">发送论坛短信</A> </td></tr><tr><td>  :: <a href="query.asp?stype=5&s=2&pSearch=0&nSearch=0">我发起的主题</a> </td><td>  :: <a href="BoardPermission.asp?boardid=0&action=Myinfo">我的论坛权限</a> </td></tr><tr><td>  :: <a href="query.asp?stype=5&s=1&pSearch=0&nSearch=0">我参与的主题</a> </td><td>  :: <A HREF="favlist.asp">我的论坛收藏</A> </td></tr></table>

这里就是已经登录的会员，显示的版面，在上面所讲过的{$myinfo}，就是指这里啦。如果你是装过虚拟形象插件的Ｄｉｙ朋友，对这里肯定不会陌生，因为你要改的头像显示，就是这里啦。{$userlogo}就是显示头像的变量。

template.html(2)

欢迎您访问{$forumname}，您还没有［<a href=reg.asp class=cblue>注册</a>］或［<a href=login.asp class=cblue>登录</a>］<br> <table cellspacing=0 cellpadding=0 align=center> <form action=login.asp?action=chk method=post> <tr><td class=tablebody1 height=40 width="100%"> 用户姓名：<input maxLength=16 name=username size=12>{$getcode}<br> 用户密码：<input maxLength=20 name=password size=12 type=password> <select name=CookieDate><option selected value=0>不保存</option><option value=1>保存一天</option><option value=2>保存一月</option><option value=3>保存一年</option></select> <input type=submit name=submit value="登录"> </td></tr> </form> {$isray} </table>|| <FORM METHOD=POST ACTION="login.asp?action=chk"> <tr><td class=tablebody1 height=40 width="100%"> <a href=boardhelp.asp>阳光会员</a>：<input maxLength=16 name=mobile size=12 value=13> <input type=submit name=submit value="阳光会员快速注册"></td></tr></FORM>

注意一下这里的||，在||前面，是Ｄｉｙ未登录时变量{$myinfo}的代码，在||后面，是Ｄｉｙ阳光会员的信息，如果你在前台有开阳光短信功能的话，这里就可以用阳光注册会员手机号码进行登录等，不过网乐也喜欢阳光短信功能，当然就关啦。所以你们在我这里，是看不到的，嘿嘿。

{$forumname}是调用你论坛名称的变量，绿色的代码，就是登录框啦，你可以取出来放到其它任何网页哦，比如你的网站首页（不是论坛根目录同级目录中的）等网页都可以，只是注意一下这段代码中，所有ＡＳＰ文件的路径要变更一下啦。同一个网站中的，可以改为相对路径即可，不是在同一个网站中的网页文件，就得改为绝对路径啦！！

在这段绿色Ｈｔｍｌ代码中，有一个用蓝色标出来的{$getcode}，就是登录时的验证码哦，在Ｄｉｙ的时候可别删除啦。不然你坛上的会员登录不了找你算帐可别怪我啦。

template.html(3)

<FONT COLOR="{$alertcolor}">阳光会员客服：<U>010-82515528</U></font>

还是阳光的东东，不改也罢

template.html(4)

<table cellspacing=1 cellpadding=0 align=center class=tableBorder1> <TR> <Th colSpan=2 height=25 align=left id=TableTitleLink> <span id="titlepic_{$boardid}"><a href="cookies.asp?action=setlistmod&thisvalue={$value}&id={$boardid}" target="hiddenframe"><img src="{$pic}" border=0 title={$title}></a></span> <a href="list.asp?boardid={$boardid}" title=进入本分类论坛>{$BoardType}</a><Th> </tr> </table> <Div id=ListDiv1_{$boardid} {$Divstr1}></div> <Div id=ListDiv2_{$boardid} {$Divstr2}></div> <br>

Ｄｉｙ的朋友应该对此不陌生的啦。因为你想美化版块的上下框，加点什么图片框之类的，就要在这段代码的上下部份改啦。注意一下这里最下面的代码<BR>，有时你想让版块都是接触在一起不留空缝的话，就得把这个<BR>删除哦。

template.html(5)

<tr> <td valign="middle" width="46" align="center" class="tablebody1"> {$statuspic} </td> <TD vAlign="top" width="*" class="tablebody1"> <table cellSpacing="0" cellPadding="2" width="100%" border="0"> <tr> <td class="tablebody1" width="*" height=20 > <a href="list.asp?boardid={$boardid}"><font color={$blinkcolor}>{$BoardType}</font></a>{$child} </td> <td width="40" rowspan="2" align="center" class="tablebody1"> {$indexIMG} </td> <td width="200" rowspan="2" class="tablebody1">{$LastPost} </td> </tr> <tr> <TD width=*> <FONT face=Arial><img src="{$PicUrl}Forum_readme.gif" align=middle>{$readme}</font> </td> </tr> <TR><TD class=tablebody2 height=20 width=*>版主：{$ShowMasters} </td> <td width="40" align="center" class="tablebody2"> </td><TD valign="middle" class="tablebody2" width="200"> <table width="100%" border="0"> <tr> <td width="25%" valign="middle"><img src="{$PicUrl}Forum_today.gif" alt="今日发贴数" align="absmiddle"> <font color="{$alertcolor}">{$todayNum}</font></td> <td width="30%" valign="middle"><img src="{$PicUrl}forum_topic.gif" alt="主题贴数" border="0" align="absmiddle"> {$TopicNum} </td> <td width="45%" vAlign="middle"> <img src="{$PicUrl}Forum_post.gif" alt="发贴总数" border="0" align="absmiddle" > {$PostNum}</td> </tr> </table> </td> </tr> </table> </td> </tr>

这里是列表模式中，每一个版块显示的Ｈｔｍｌ代码。现在流行Ｄｉｙ成Ｐｈｐ风格的朋友，都喜欢Ｄｉｙ这里，要Ｄｉｙ成雷傲的版面风格，这里不能不改啦。{$statuspic}是你在后台设置的有新帖、没新帖、锁定版块的图片显示变量。

{$BoardType}是版块名称显示的变量。

{$child}是显示该版块包含多少下级论坛的数字显示。比如(4)就是该版块下面，还有４个下级论坛。去掉{$child}这个变量，就算下面有下级论坛，也不会显示哦。　+_+

{$indexIMG}是首页显示论坛图的变量，也就是你在后台设置每一个图片，它就在论坛中显示出来，*这个变量来实现的。对了，如果你想把论坛图片有渐隐渐现的特效，就要把特效代码加在这里啦！呵呵……

{$LastPost}就是在论坛列式表最右那里，显示的最新帖子的信息，如果要改这其中的显示方式，就不是改这里啦。继续往下看你就知道啦。

{$readme}是版块的说明显示变量，在{$readme}变量的前面，就是那个小小的三角形图形。

{$ShowMasters}显示版主的变量，如果你想实现和雷傲那种下拉表框显示版主的话，可以在这里的动网资源看看相关修改方法的帖子，当然，也是改这个变量的啦。

最后绿色的Ｈｔｍｌ代码，应该也不难理解，就是显示“今日发帖、主题帖数、帖子总数”的变量显示，如果你也想Ｄｉｙ成雷傲的版面风格，这里也需要改的，不过只是换下位置，对于用惯ＤＷ的你，简直就是小菜一碟，呵呵……

作者: 森森 时间: 2011-2-13 23:36

template.html(6)

<td class=tablebody1 width={$width}> <TABLE cellSpacing=2 cellPadding=2 width=100% border=0> <tr> <td width="100%" title="{$readme}" colspan=3> <a href=list.asp?boardid={$boardid}><font color={$blinkcolor}>{$BoardType}</font></a>{$child}</td></tr> <tr> <td width="25%" valign="middle"><img src="{$PicUrl}Forum_today.gif" alt="今日发贴数" align="absmiddle"> <font color="{$alertcolor}">{$todayNum}</font></td> <td width="30%" valign="middle"><img src="{$PicUrl}forum_topic.gif" alt="主题贴数" border="0" align="absmiddle"> {$TopicNum} </td> <td width="45%" vAlign="middle"> <img src="{$PicUrl}Forum_post.gif" alt="发贴总数" border="0" align="absmiddle" > {$PostNum}</td> </tr> <TR><TD class=tablebody2 height=20 width=* colspan=3>版主：{$ShowMasters} </td></tr> </table></td>

简洁模式，如果你在后台的版块高级设置中，设置为简洁模式，就可以看到是怎么样了。这里极少数有朋友喜欢Ｄｉｙ。因为还没见过一款把这里Ｄｉｙ成经典的风格。呵呵……或许你可以挑战一下常俗哦。

template.html(7)

<script language="javascript"> var template=new Array(); var piclist=new Array(); var Strings=new Array(); var mainsetting=new Array(); var ShowMasters,tablecount,tablewidth,islist,Divstr1,Divstr2,listst,RootID=0,Child=0,boardcount=0; var tmpstr1,tmpstr2 var k //显示分类头表格，入口参数BoardID,BoardType,Board_Setting function showclass(BoardID,BoardType,Board_Setting,Cookies,vChild) { Board_Setting=Board_Setting.split(",") var pic='{$nofollow}'; var thetitle=Strings[3] tablecount=(Board_Setting[41]); tablewidth=Math.floor(100/tablecount); tablewidth+="%" var Divstr1='' var Divstr2='style=display:none' RootID=BoardID Child=(vChild) boardcount=0 var str=template[0] if(Cookies=='') { islist=(Board_Setting[39]) } else { islist=(Cookies) } if (islist!="0") { pic='{$follow}'; thetitle=Strings[4] Divstr2='' Divstr1='style=display:none' str = str.replace(/{\$value}/gi,"0"); } else { str = str.replace(/{\$value}/gi,"1"); } str = str.replace(/{\$boardid}/gi,BoardID); str = str.replace(/{\$pic}/gi,pic); str = str.replace(/{\$title}/gi,thetitle); str = str.replace(/{\$BoardType}/gi,BoardType); str = str.replace(/{\$Divstr1}/gi,Divstr1); str = str.replace(/{\$Divstr2}/gi,Divstr2); document.write (str); k=0 }

} function ReShowList(ListID) { var ListDiv1=document.getElementById("ListDiv1_"+ListID); var ListDiv2=document.getElementById("ListDiv2_"+ListID); var titlepic=document.getElementById("titlepic_"+ListID); if (ListDiv1.style.display=='none') { ListDiv2.style.display='none'; ListDiv1.style.display='block'; titlepic.innerHTML='<a href="cookies.asp?action=setlistmod&thisvalue=1&id='+ListID+'" target="hiddenframe"><img src="{$nofollow}" border=0 title='+Strings[3]+'></a>'; } else { ListDiv1.style.display='none'; ListDiv2.style.display='block'; titlepic.innerHTML='<a href="cookies.asp?action=setlistmod&thisvalue=0&id='+ListID+'" target="hiddenframe"><img src="{$follow}" border=0 title='+Strings[4]+'></a>'; } } </script>

如果你是非常喜欢Ｄｉｙ风格的朋友，先备份一下代码，然后怎么改是怎么行的啦。大不子复原……

对于想修改成雷傲的版主下拉表框显示的，就非得要Ｄｉｙ一下这里不可了。大家可以在这里的动网资源看一下修改的方法，我这里就不重述啦。记住修改的时候注意备份一下原代码哦。

template.html(8)

<table cellspacing=1 cellpadding=0 align=center class=tableBorder1> || </table> || <td class=tablebody1 width={$width}> <TABLE cellSpacing=2 cellPadding=2 width=100% border=0> <tr> <td width="100%" title="" colspan=3>  </td> </tr> <tr> <td width="25%" valign="middle"> </td> <td width="30%" valign="middle"> </td> <td width="45%" vAlign="middle">  </td> </tr> <TR> <TD class=tablebody2 height=20 width=* colspan=3> </td> </tr> </table></td>

在最后一个||前面的代码，是版面循环列表头尾的Ｔａｂｌｅ部份，这里一般不用去Ｄｉｙ。如果你Ｄｉｙ过的话，可以说说改成什么样子哦，呵呵……

下面这段我也没去Ｄｉｙ过哦。不知道，如果你Ｄｉｙ过，就跟下帖，我好补充补充一下。这里一般也不用去Ｄｉｙ的。

作者: 森森 时间: 2011-2-13 23:36

template.html(9)

<table cellpadding=3 cellspacing=1 align=center class=tableborder1> <TR><Th colSpan=2 align=left height=25>-=> 友情论坛</Th></TR> <TR><TD vAlign=top class=tablebody1 width=100% > <table width=100%> <script language="javascript"> function showlink(linkdata) { var tmpstr=''; var scount=0; document.write ('<tr> '); linkdata=linkdata.split("$?&!@"); if (linkdata.length<2) {document.write ('<td colSpan=6 align=left width="100">'+Strings[5]+'</td>');} for (i=0;i<(linkdata.length);i++) { linkdata=linkdata.split("!@#%|"); if (linkdata[4]!='1') { scount++; tmpstr='<a href="'+linkdata[2]+'" target=_blank title="'+linkdata[1]+'">'+linkdata[0]+'</a>' document.write (template[6].replace(/{\$link}/gi,tmpstr)); if (scount==6&&i<linkdata.length-1) { document.write ('</tr><tr>'); scount=0 } } } scount=0 var akey=0 for (i=0;i<(linkdata.length);i++) { if (linkdata[4]=='1') { if (akey==0) { akey=1 document.write ('</tr>'); document.write ('<tr><td height=1 colspan=6><table border=0 cellspacing=0 cellpadding=0 align=center style="width:100%" class=tableborder1><tr><td> </td></tr></table></td></tr><tr>'); } scount++; tmpstr='<a href="'+linkdata[2]+'" target=_blank >'; tmpstr+='<img border=0 src="'+linkdata[3]+'" title="'+linkdata[0]+' '+linkdata[1]+'" height=31 width=88></a>' document.write (template[6].replace(/{\$link}/gi,tmpstr)); if (scount==6&&i<linkdata.length-1) { document.write ('</tr><tr>'); scount=0 } } } } showlink('{$Getlink}') </script> </tr> </table> </TD></TR></table><BR>

如果你要Ｄｉｙ成滚动模式的友情连接等等，这里就得改啦。怎么改，看看这里的动网资源相关帖子。

template.html(10)

 <td width="16%"> {$link}</td>

友情连接的循环部分，这里定义的表宽是１６％，如果你要Ｄｉｙ的话，注意一下就行了。

template.html(11)

 <table cellpadding=5 cellspacing=1 class=tableborder1 align=center style="word-break:break-all;"><TR> <Th align=left colSpan=2 height=25>-=> 用户来访信息</Th> </TR><TR> <TD vAlign=top class=tablebody1 height=25 width=100% >您的真实<b>ＩＰ</b> 是：{$userip}，<b>操作系统</b>：{$system}，<b>浏览器</b>：{$brw}</TD> </TR><TR> <Th colSpan=2 align=left id=tabletitlelink height=25 style="font-weight:normal"><b>-=> 论坛在线情况</b> [<span id=showstr><a href="Online.asp?action=1&Boardid=0" target="hiddenframe">{$showstr}</a></span>][<a href="boardstat.asp?reaction=online">查看在线用户位置</a>]</Th> </TR><TR> <TD width=100% vAlign=top class=tablebody1> 目前论坛上总共有 <B>{$onlinenum}</B> 人在线，其中注册会员 <B>{$ousernum}</B> 人，访客 <B>{$gusernum}</B> 人。<br>自 <b>{$BuildDate}</b> 创建以来，历史最高在线纪录是 <B>{$maxuser}</B> 人同时在线，发生时间是：{$maxusertime}<BR> <font color="#FF0000">名单图例</font>：{$piclist} <br> <table border=0 cellspacing=0 cellpadding=0 align=center style="width:100%" class=tableborder1> <tr><td> </td></tr> </table> <table width=100% border=0 cellspacing=0 cellpadding=0> <tr><td height=5></td></tr> <tr> <td width=100% > <span style="display:none" id="onlinetr" ></span> </td> </tr> </table> </TD></TR> </TABLE><BR>  <table cellspacing=1 cellpadding=3 width="97%" border=0 align=center> <tr> <td align=center><img src="{$nonewpic}" align="absmiddle"> 没有新的帖子      <img src="{$isnewpic}" align="absmiddle"> 有新的帖子      <img src="{$islockpic}" align="absmiddle"> 被锁定的论坛</td> </tr> </table>

首页用户信息和在线部分和底部论坛状态的显示代码，如果你想加一个显示什么客户端的显示器屏宽等东东，就是改这里啦。下面的代码是显示有无新帖的论坛和被锁定的论坛的图标，如果你想美化一下这里。给它加一个什么框框的话，就是Ｄｉｙ这里啦。

template.html(12)

 <table cellpadding=3 cellspacing=1 align=center class=tableborder1><TR ><Th align=left>≡ 今天过生日的用户（共 {$birthNum} 人）≡</Th></TR><TR> <TD width=100% vAlign=middle class=tablebody1>{$birthday}</TD> </TR></table><br>

改的好像不多吧。。

template.html(13)

<script language="javascript"> //浮动广告 var brOK=false; var mie=false; var vmin=2; var vmax=5; var vr=3; var timer1; var jobads;

function movechip(chipname) { if(brOK) { eval("chip="+chipname); if(!mie) { pageX=window.pageXOffset; pageW=window.innerWidth; pageY=window.pageYOffset; pageH=window.innerHeight; } else { pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth-8; pageY=window.document.body.scrollTop; pageH=window.document.body.offsetHeight; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX) { chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w) { chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.xx>=680) { chip.xx=chip.xx-20; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy<=pageY) { chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-chip.h) { chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmax*Math.random(); } if(!mie) { eval('document.'+chip.named+'.top ='+chip.yy); eval('document.'+chip.named+'.left='+chip.xx); } else { eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx); eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); } chip.timer1=setTimeout("movechip('"+chip.named+"')",80); } }

function stopme(chipname) { if(brOK) { eval("chip="+chipname); if(chip.timer1!=null) { clearTimeout(chip.timer1) } } }

function jobads() { if(navigator.appName.indexOf("Internet Explorer")!=-1) { if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true; } if(navigator.appName.indexOf("Netscape")!=-1) { if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled(); } jobads.named="jobads"; jobads.vx=vmin+vmax*Math.random(); jobads.vy=vmin+vmax*Math.random(); jobads.w=1; jobads.h=1; jobads.xx=0; jobads.yy=0; jobads.timer1=null; movechip("jobads"); }

function move_ad(Forum_ads_3,Forum_ads_4,Forum_ads_5,Forum_ads_6) { document.write('<div id="jobads" style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:1000">'); document.write('<a href="' + Forum_ads_4 + '" target="_blank" onmouseover=stopme("jobads"); onmouseout=movechip("jobads");>'); document.write('<img src="' + Forum_ads_3 + '" border="0" width="' + Forum_ads_5 + '" height="' + Forum_ads_6 + '"></a></div>'); jobads(); }

//右边固定广告 function StayCorner(){var sgTop;var sgLeft if(sgNS){sgTop = pageYOffset+window.innerHeight-document.Corner.document.height-10;sgLeft = pageXOffset+window.innerWidth-document.Corner.document.width-10;document.Corner.top = sgTop;document.Corner.left = sgLeft;}else{ sgTop = document.body.scrollTop+document.body.clientHeight-document.all.Corner.offsetHeight-30;sgLeft = document.body.scrollLeft+document.body.clientWidth-document.all.Corner.offsetWidth-5;Corner.style.top = sgTop;Corner.style.left = sgLeft;} setTimeout('StayCorner()', 50)} var sgNS=(document.layers)?true:false function fix_up_ad(sgImg,sgWidth,sgHeight,sgLink){ if(sgNS){document.write('<LAYER ID="Corner" WIDTH='+sgWidth+' HEIGHT='+sgHeight+'><A href="'+sgLink+'" target=_blank><IMG src="'+sgImg+'" BORDER=0 WIDTH="'+sgWidth+'" HEIGHT="'+sgHeight+'"></A></LAYER>');}else{document.write('<DIV ID="Corner" STYLE="position:absolute; width:'+sgWidth+'; height:'+sgHeight+'; z-index:9; filter: Alpha(Opacity=70)"><A href="'+sgLink+'" target=_blank><IMG src="'+sgImg+'" BORDER=0 WIDTH="'+sgWidth+'" HEIGHT="'+sgHeight+'"></A></DIV>');} sgDump = StayCorner() } </script>

后台设置的广告显示的ＪＳ代码

template.html(14)

 <table cellspacing=1 cellpadding=0 align=center class=tableBorder1> <TR> <Th colSpan=2 height=25 align=left id=TableTitleLink> <a href="list.asp?boardid={$boardid}" title=进入本分类论坛>{$BoardType}</a></Th> </tr> </table>

首页一级分类表格－－列表模式的显示，如果你要显示区版主的话，就Ｄｉｙ一下这里哦

作者: 森森 时间: 2011-2-13 23:38

滚动条示范。。。

欢迎光临云水论坛 (http://www.yunshui.net/) Powered by Discuz! X2.5