读懂代码，巧借BBS样式

网络通信

muller · 2004年7月5日

　　不少技术型的站长花很多时间研究论坛制作技术，往往忽视了美术设计对网站的作用。而网页的配色、样式成了设计中最头痛的问题。其实，我们也可以利用手中的技术，巧妙借用成功论坛的样式，把比较好的配色方案套用在自己的论坛上面。下面，我们就来制作一个动网风格的BBS。

　　读懂代码

　　要想借用动网BBS风格的样式，当然要先下载一个动网BBS喽。下载地址为：http://bbs.dvbbs.net/download/dvbbs7.0.0_Ac.exe

　　首先我们要分析样式。不同的样式是由不同的样式表产生的。比如标题行，在样式表中是用TH进行限定的，但在不同的样式页中TH对应的内容又不尽相同，由于这些样式表是在网页中内建的。所以还是要分析ASP源码。

　　找到默认首页index.asp，经过分析源码(inc/const.asp和inc/char.asp)，整个页面头部信息在char.asp中，在＜title＞＜/title＞标签后有如下代码：＜！--#include file=“Forum_css.asp”--＞。这便是我们要调用样式的关键所在了。这是一段动态生成的样式表代码，通过include使之内嵌在网页中达到变换样式的目的，其中的数组Forum_body是在const.asp中通过调用数据库中的表config进行赋值的。现在将以上分析利用到我们的ASP页面中。

　　借用样式

　　首先要找到动网的主数据库，默认是data/dvbbs6.mdb(不同版本可能会有所不同)，耐心找一下，如果是修改过的，扩展名可能是ASP，改过来就行了，如果实在找不到，看一下conn.asp就知道了。

　　打开找到的数据库，打开表config，如果字段SkinName中有那些熟悉的样式风格名称，那就说明你找对了。复制这个表到自己的数据库中，其实在这个表中我们要用的只有id、SkinName、forum_body这几个字段，其他的是不同样式风格的广告、版权信息等等，不需要的话可以删除。

　　然后是如何利用这个表来实现不同样式的使用。

　　＜！--#include file=“conn.asp”--＞ '连接到你的数据库

　　id=1 '选择样式，1为默认，研究一下数据库的ID字段吧

　　sql = “select * from config where id=”&id

　　set rs=conn.execute(sql)

　　Forum_body=split(rs(“Forum_bo

　　dy”),“|||”) '将forum_body字段拆分为数组

　　set rs=nothing

　　＜！--#include file=“Forum_css.asp”--＞　 '实现样式表

　　在此下的网页中就可以使用不同的class了。我主要用到以下几个：

　　tableBorder1；tableBorder2；table

　　body1；tablebody2

　　其中整个网页的背景在不同样式的风格中都是已经配置好的，不用另行添加。

　　做好一个页面后，试着变换一下前面的ID，看看样式的变化，效果不错吧。另外，我们还可以以此为基础制作样式的自动转变。