云水论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3852|回复: 6
打印 上一主题 下一主题

【动网经典教程】请跟我来-解剖动网7.0风格

[复制链接]

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

跳转到指定楼层
楼主
发表于 2011-2-13 23:31:34 |只看该作者 |倒序浏览
 
动网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建立工作就完成了~~~



  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

沙发
发表于 2011-2-13 23:34:03 |只看该作者
 

一、main_style界面风格

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

<!--HTTP头--> <!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>

调用了JS文件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">&nbsp;{$menu}</td> <td width="1"></td> </tr> </table>

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

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>

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

  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

板凳
发表于 2011-2-13 23:34: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美化处理,就要在页面内容结束前写入Html代码了。

Dvbbs.mainhtml(9)

<!--论坛模板和CSS风格选择部分(含7个部分) --> <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>||&nbsp;&nbsp;&nbsp;<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Skins/Default/minus.gif"><a href="cookies.asp?action=stylemod&skinid={$skinid}&boardid={$boardid}&cssid={$cssid}">{$cssname}</a></div>||<div class="menuitems">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Skins/Default/minus.gif"><a title="您正在使用的Css风格"><font color="{$alertcolor}">{$cssname}</font></a></div>

我用红色的||分出7段,现在逐段说明一下:

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

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

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

4.同样是表格的定义。

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

6.和上面一样,这里显示的就是-号,也就是如果你想实现第5步讲的那样,别忘了第5和第6同样需要需改的。

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

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

<!--论坛模板和CSS风格选择部分(含7个部分) --><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">&nbsp;&nbsp;<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)

<img src="skins/default/navspacer.gif" align=absmiddle> <a href="admin_index.asp">管理</a> <img src="skins/default/navspacer.gif" align=absmiddle> <a href="recycle.asp">回收站</a>

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

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}变量的内容,用||区分出来了。

1.这个就是论坛短信息的提示音来的,可以自己修改地址。

2.呵呵……这里可以修短信息点击后弹出来的窗口大家哦。如果你的论坛风格被定义了780这样的指定宽度,有时打开短信息窗口是不是怪怪的呢?!这里的500是窗口的宽,400就是窗口的高了,自己Diy啦。

3.是表示有新短信息时,要显示的内容,其中{$newmsgnum}是新短信数量。

4.是表示没有短信息时,要显示的内容。

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> &nbsp;&nbsp;||&nbsp;&nbsp; <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> &nbsp;&nbsp;&nbsp;<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> &nbsp;&nbsp;||&nbsp;&nbsp; <a href="javascript:window.close()"> 关闭窗口>></a> </td></tr> </table> <br>

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

Dvbbs.mainhtml(15)

<!--验证码表单--> <input type="text" name="codestr" maxlength="4" size="4">&nbsp;

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

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

  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

地板
发表于 2011-2-13 23:34:58 |只看该作者

page_index模板

template.html(0)

<!--index.asp##首页顶部表格--> <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>

其实这里的Html代码,大家都可以复制到DW中,即时可视的编辑方式去排版的。

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

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

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

template.html(1)

<!--index.asp##首页顶部表格已登录--> <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> &nbsp;:: <a href="friendlist.asp">我的外交状况</a> </td><td> &nbsp;:: <A HREF="javascript:openScript('messanger.asp?action=new',500,400)">发送论坛短信</A> </td></tr><tr><td> &nbsp;:: <a href="query.asp?stype=5&s=2&pSearch=0&nSearch=0">我发起的主题</a> </td><td> &nbsp;:: <a href="BoardPermission.asp?boardid=0&action=Myinfo">我的论坛权限</a> </td></tr><tr><td> &nbsp;:: <a href="query.asp?stype=5&s=1&pSearch=0&nSearch=0">我参与的主题</a> </td><td> &nbsp;:: <A HREF="favlist.asp">我的论坛收藏</A> </td></tr></table>

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

template.html(2)

<!--index.asp##首页顶部表格未登录--> 欢迎您访问{$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>

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

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

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

template.html(3)

<!--index.asp##首页模板合集部分--> <FONT COLOR="{$alertcolor}">阳光会员客服:<U>010-82515528</U></font>

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

template.html(4)

<!--index.asp##首页一级分类表格--> <table cellspacing=1 cellpadding=0 align=center class=tableBorder1> <TR> <Th colSpan=2 height=25 align=left id=TableTitleLink>&nbsp;<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>

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

template.html(5)

<!--index.asp##首页版面循环(列表)--> <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">&nbsp;</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">&nbsp;<font color="{$alertcolor}">{$todayNum}</font></td> <td width="30%" valign="middle"><img src="{$PicUrl}forum_topic.gif" alt="主题贴数" border="0" align="absmiddle">&nbsp;{$TopicNum} </td> <td width="45%" vAlign="middle"> <img src="{$PicUrl}Forum_post.gif" alt="发贴总数" border="0" align="absmiddle" >&nbsp;{$PostNum}</td> </tr> </table> </td> </tr> </table> </td> </tr>

这里是列表模式中,每一个版块显示的Html代码。现在流行Diy成Php风格的朋友,都喜欢Diy这里,要Diy成雷傲的版面风格,这里不能不改啦。{$statuspic}是你在后台设置的有新帖、没新帖、锁定版块的图片显示变量。

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

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

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

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

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

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

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

  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

5#
发表于 2011-2-13 23:36:02 |只看该作者
template.html(6)
<!--index.asp##首页版面循环(简洁)--> <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">&nbsp;<font color="{$alertcolor}">{$todayNum}</font></td> <td width="30%" valign="middle"><img src="{$PicUrl}forum_topic.gif" alt="主题贴数" border="0" align="absmiddle">&nbsp;{$TopicNum} </td> <td width="45%" vAlign="middle"> <img src="{$PicUrl}Forum_post.gif" alt="发贴总数" border="0" align="absmiddle" >&nbsp;{$PostNum}</td> </tr> <TR><TD class=tablebody2 height=20 width=* colspan=3>版主:{$ShowMasters} </td></tr> </table></td>

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

template.html(7)

<!--index.asp##处理版面循环列表JS部分--> <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 showboard(BoardID,BoardType,child,readme,BoardMaster,PostNum,TopicNum,indexIMG,todayNum,LastPost,Board_Setting,havenew) { boardcount++ k++ var str=template[2] var str1=template[4] Board_Setting=Board_Setting.split(",") BoardMaster=BoardMaster.split("|") ShowMasters='' ShowMaster='' var tmp for(j=0;j<BoardMaster.length;j++) { if (j>5){ShowMasters+=' <font color=gray>More</font>';break;} ShowMasters+='&nbsp;<a onMouseOver=\'showmenu(event,"<a style=font-size:9pt;line-height:14pt; href=dispuser.asp?name='+BoardMaster[j]+' target=_blank>资料</a><br><a style=font-size:9pt;line-height:14pt; href=messanger.asp?action=new&touser='+BoardMaster[j]+' target=_blank>留言</a>")\'>'+BoardMaster[j]+'</a>'; } for(j=0;j<BoardMaster.length;j++) { if (j>1){ShowMaster+=' <font color=gray>More</font>';break;} ShowMaster+='&nbsp;<a onMouseOver=\'showmenu(event,"<a style=font-size:9pt;line-height:14pt; href=dispuser.asp?name='+BoardMaster[j]+' target=_blank>资料</a><br><a style=font-size:9pt;line-height:14pt; href=messanger.asp?action=new&touser='+BoardMaster[j]+' target=_blank>留言</a>")\'>'+BoardMaster[j]+'</a>'; } str = str.replace(/{\$boardid}/gi,BoardID); str1 = str1.replace(/{\$boardid}/gi,BoardID); str1 = str1.replace(/{\$width}/gi,tablewidth); str1 = str1.replace(/{\$blinkcolor}/gi,mainsetting[3]); str1 = str1.replace(/{\$alertcolor}/gi,mainsetting[1]); str1 = str1.replace(/{\$ShowMasters}/gi,ShowMaster); str1 = str1.replace(/{\$todayNum}/gi,todayNum); str1 = str1.replace(/{\$PostNum}/gi,PostNum); str1 = str1.replace(/{\$TopicNum}/gi,TopicNum); str1 = str1.replace(/{\$readme}/gi,HTMLEncode(readme)); str = str.replace(/{\$BoardType}/gi,BoardType); str1 = str1.replace(/{\$BoardType}/gi,BoardType); if (child==0) { str = str.replace(/{\$child}/gi,''); str1 = str1.replace(/{\$child}/gi,''); } else { tmp = Strings[1]; tmp = tmp.replace(/{\$child}/gi,child); str1 = str1.replace(/{\$child}/gi,tmp); str = str.replace(/{\$child}/gi,tmp); Child=Child-child; } str = str.replace(/{\$statuspic}/gi,showpic(havenew,Board_Setting[0],Board_Setting[2])); str = str.replace(/{\$readme}/gi,readme); str = str.replace(/{\$ShowMasters}/gi,ShowMasters); str = str.replace(/{\$PostNum}/gi,PostNum); str = str.replace(/{\$TopicNum}/gi,TopicNum); str = str.replace(/{\$todayNum}/gi,todayNum); str = str.replace(/{\$blinkcolor}/gi,mainsetting[3]); str = str.replace(/{\$alertcolor}/gi,mainsetting[1]); if (Board_Setting[2]=='1') { str = str.replace(/{\$LastPost}/gi,Strings[2]); } else { str = str.replace(/{\$LastPost}/gi,showlastpost(LastPost)); } if (indexIMG!='') { str = str.replace(/{\$indexIMG}/gi,'<table align="left"><tr><td><a href="list.asp?boardid='+BoardID+'"><img src='+indexIMG+' align="top" border="0"></a></td><td width="20"></td></tr></table>'); } else { str = str.replace(/{\$indexIMG}/gi,''); } if(k==tablecount) { str1+="</tr>" if (boardcount!=Child) {str1+="<tr>"} k=0 } showcode(str,str1) } function showcode(str,str1) { if (boardcount==1) { tmpstr1=template[1] tmpstr2=template[1] tmpstr2+="<tr>" } tmpstr1+=str tmpstr2+=str1 } function classfooter() { if (k!=0) { template[5]=template[5].replace(/{\$width}/gi,tablewidth); for(jj=0;jj<tablecount-k;jj++) { tmpstr2+=template[5] } } tmpstr1+=template[3] tmpstr2+="</tr>" tmpstr2+=template[3] document.getElementById("ListDiv1_"+RootID).innerHTML=tmpstr1 document.getElementById("ListDiv2_"+RootID).innerHTML=tmpstr2 tmpstr1=''; tmpstr2=''; boardcount=0 }

function showpic(havenew,Board_Setting,Board_Setting1) { var pic,Str,Str1 Str="无新贴" Str1="开放的版面" pic=piclist[0] if(havenew==1) { Str="有新贴" pic=piclist[1] } if(Board_Setting==1) { pic=piclist[2] Str1="锁定的版面" } if(Board_Setting1==1) { pic=piclist[2] Str1="认证论坛" } return('<img src="'+pic+'" alt="'+Str1+','+Str+'">') } function showlastpost(lastpoststr) { lastpoststr=lastpoststr.replace(/</gi,'&lt;'); if (lastpoststr=='$$$$'||lastpoststr=='') { return('主题:无<br>作者:无<br>日期:无') } else { var str=''; lastpoststr=lastpoststr.split("$"); str+='主题:<a href="Dispbbs.asp?boardid='+lastpoststr[7]+'&ID='+lastpoststr[6]+'&replyID='+lastpoststr[1]+'&skin=1" title="转到:'+lastpoststr[3]+'">'; str+=lastpoststr[3].substring(0,10); str+='</a>'; str+='<br>作者:'; str+='<a href="dispuser.asp?id='+lastpoststr[5]+'" target="_blank">'+lastpoststr[0] +'</a>'; str+='<br>日期:'; str+=lastpoststr[2] +'&nbsp;<a href="dispbbs.asp?Boardid='+lastpoststr[7]+'&ID='+ lastpoststr[6] +'&replyID=' + lastpoststr[1] +'&skin=1"><IMG border=0 src="{$PicUrl}lastpost.gif" title="主题:'+lastpoststr[3]+'"></a>'; return(str) }

} 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>

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

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

template.html(8)

<!--index.asp##处理版面循环列表头尾table部分合集--> <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>&nbsp; </td> </tr> <tr> <td width="25%" valign="middle">&nbsp;</td> <td width="30%" valign="middle">&nbsp;</td> <td width="45%" vAlign="middle">&nbsp; </td> </tr> <TR> <TD class=tablebody2 height=20 width=* colspan=3>&nbsp;</td> </tr> </table></td>

在最后一个||前面的代码,是版面循环列表头尾的Table部份,这里一般不用去Diy。如果你Diy过的话,可以说说改成什么样子哦,呵呵……

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


  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

6#
发表于 2011-2-13 23:36:14 |只看该作者

template.html(9)

<!--index.asp##首页友情连接HTML+JS处理部分--> <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>

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

template.html(10)

<!--index.asp##首页友情连接循环部分--> <td width="16%">&nbsp;{$link}</td>

友情连接的循环部分,这里定义的表宽是16%,如果你要Diy的话,注意一下就行了。

template.html(11)

<!--index.asp##首页用户信息和在线部分和底部论坛状态--> <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>IP</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>&nbsp;[<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> <!--index.asp##首页底部论坛状态部分--> <table cellspacing=1 cellpadding=3 width="97%" border=0 align=center> <tr> <td align=center><img src="{$nonewpic}" align="absmiddle">&nbsp;没有新的帖子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="{$isnewpic}" align="absmiddle">&nbsp;有新的帖子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="{$islockpic}" align="absmiddle">&nbsp;被锁定的论坛</td> </tr> </table>

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

template.html(12)

<!--index.asp##首页今日生日用户部分--> <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>

后台设置的广告显示的JS代码

template.html(14)

<!--index.asp##首页一级分类表格 列表--> <table cellspacing=1 cellpadding=0 align=center class=tableBorder1> <TR> <Th colSpan=2 height=25 align=left id=TableTitleLink>&nbsp;<a href="list.asp?boardid={$boardid}" title=进入本分类论坛>{$BoardType}</a></Th> </tr> </table>

首页一级分类表格--列表模式的显示,如果你要显示区版主的话,就Diy一下这里哦

  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

1788

主题

62

好友

8525

积分

管理员

Rank: 9Rank: 9Rank: 9

7#
发表于 2011-2-13 23:38:05 |只看该作者




滚动条示范。。。




















  你的沉默明亮如灯、简单如指环。

  论坛其他名字 【云水.墨】 【淡墨瀑雪】
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|云水网 ( 鲁ICP备09069806号 )

GMT+8, 2024-6-14 22:55 , Processed in 0.040969 second(s), 18 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部