逐梦论坛's Archiver

shillan 发表于 2006-8-21 00:20

[蚂蚁][教程]风格与模板

终于又可以上leadbbs了。庆贺一下自己吧,说真的,或许是看到某些人已经不在leadbbs的管理范围内了。

     可上来就应该拿点东西,其实我写的些东西都是些最基本最基本的。比较适合于刚接触leadbbs的站长们。对那些自称为高手的人来说正如是sb文章而已。

                                    [color=red]第一章  风格教程[/color]

■leadbbs的风格主要是由以下两部分组成:
1:css层文件;
2:后台首部,尾部等修饰。

■[color=blue]table+css层文件与div+css[/color]

     css层文件是一个很有意思的东西,它完全可以利用些代码来控制你的页面状态、样式、布置等。在每一个程序或网页中都有它css独立的特定参数,特定参数是可以自己任意命名和自己可以任意添加的。
     leadbbs中,我们该怎么在程序中了解它的特定参数呢?其实这不需要你去死记硬背,经常看到有些朋友问这里的颜色在哪,那里的背景在哪。蚂蚁(这是我的固定网名,至于“网络”这名是当初随意敲的)教你们一个简单的方法,就是看源码,看当前表格或字体的class属性值是什么就可以了。
     有朋友说,leadbbs无法来适应任何分辨率,其实不是这样。不错,leadbbs使用的是table+css,并不是当前比较流行的div+css。既然风格的表头、尾等是自己定义表格,那么我们就可以使用div+css来自适应任意电脑分辨率了。参考文章如下:

网通:[url=http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1004&id=27265][color=#0000ff]http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1004&id=27265[/color][/url]
电信:[url=http://748202.com/bbs/announce/announce.asp?boardid=306&id=74565][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=306&id=74565[/color][/url]

这里的div+css是指不管图片多大的尺寸,它总是随着分辨率的大小变化而变化。

     具有做图基础的朋友也可以来使用分割图片来自适应任意分辨率,参考文章如下:
官方:[url=http://w.leadbbs.com/a/a.asp?b=10&id=2245024][color=#0000ff]../a/a.asp?b=10&id=2245024[/color][/url]
这个的缺陷就是对于图片的处理效果和表格的尺寸排列要求比较精确。
     
     如果需要更多的css特效,那么你就得具备足够多的css知识,网上有很多的电子教程。这里推荐给大家一个比较容易看得懂的教材,阅读地址是:[url=http://www.yaosansi.com/chm/css][color=#0000ff]http://www.yaosansi.com/chm/css[/color][/url]样式表.chm,更多的css电子教程可以参考下我的资料库:[url=http://748202.com/bbs/announce/announce.asp?boardid=303&id=69694&aupflag=1&anum=1][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=303&id=69694&aupflag=1&anum=1[/color][/url] 六楼。

     例如:我们将leadbbs的表格制作成具有立体效果的界面,我们只需要在css层文件里将tbone修改为:
.tbone{filter:progid:dximagetransform.microsoft.shadow
(color=#000000,direction=120,strength=20)}
参数说明:
color=#000000  阴影的颜色
direction=120  阴影角度
strength=20    阴影大小,越大立体感越强
这里尽量将leadbbs的特定css参数tbbg1和tbbg9的颜色值与color值相近,这样,立体感会更强。



                                    [color=red]第二章  模板教程[/color]

     其实很久以前就想写个模板教程了,d调也和我说了很多次。[ 这里说个多余话,d调可以说是为leadbbs最热心的斑竹之一了,leadbbs不用他的话应该算是个损失,现在看来老大还是有慧眼的。不过,比较郁闷的是wensui怎么没有被吸收] .只是由于近来发生了某件事,而且不知道怎么写才看得懂,才没有去考虑了,现在给了我机会,就尝试写个教程充数吧。其实曾经也写过,但看起来使刚接触leadbbs程序的站长并不是看得很懂,特别是象我一样的新手。参考地址:
教程一:
官方:[url=http://w.leadbbs.com/a/a.asp?b=10&id=2213121][color=#0000ff]../a/a.asp?b=10&id=2213121[/color][/url]
网通:[url=http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=11291][color=#0000ff]http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=11291[/color][/url]
电信:[url=http://748202.com/bbs/announce/announce.asp?boardid=306&id=64136][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=306&id=64136[/color][/url]
教程二:
官方:[url=http://w.leadbbs.com/a/a.asp?b=10&id=2245567][color=#0000ff]../a/a.asp?b=10&id=2245567[/color][/url]
网通:[url=http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=13071][color=#0000ff]http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=13071[/color][/url]
电信:[url=http://748202.com/bbs/announce/announce.asp?boardid=306&id=67257][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=306&id=67257[/color][/url]

我们从0开始,重新认识一下leadbbs的模板吧。

leadbbs的模板是以javascript语言为基础所编写,你需要了解html知识,但并不强求你去学习和学懂javascript语言。leadbbs其默认模板就是boards.asp内置,其他模板都是储存在数据库中。

现在我们开始学着编写[color=blue]最简单的模板[/color],看实例:
function displayboard(boardid,boardassort,boardname,boardintro)
{
     document.write("<table width=100% border=0 cellspacing=0 cellpadding=2 align=center class=tbone><tr><td colspan=2 class=tbbg9><img src=images/blank.gif width=2 height=3><br>");
     document.write("<a href=board/board.asp?boardid=" + boardid + ">" + boardname + "</a>");//版名称及链接地址
     document.write("  <font color=#333333>");
     document.write(boardintro);//版说明
     document.write("</font></td></tr></table>");
}

仔细看一下,这里没有什么if.....else....的判断语句,完全就是document.write输出对象,用前后两个花括号包起来的多语句块,可以说这就是leadbbs的最简单最容易看得明白的模板了,只要你稍具有html基础,任意编排leadbbs的首页样式不是个难题吧?呵。

函数displayboard的定义是固定的,(boardid,boardassort,boardname,boardintro)括号里面是赋予的对象。在这里有个必要的说明,为了以后模板的修改和功能的添加,我们得有个习惯,将

function displayboard(boardid,boardassort,boardname,boardintro)

写为完整模式,即:
function displayboard(boardid,boardassort,boardname,boardintro,lastwriter,lastwritetime,topicnum,announcenum,forumpass,lastannounceid,lasttopicname,masterlist,boardlimit,assortname,todayannounce,goodnum,boardimgurl,boardimgwidth,boardimgheight,onlineuser,lowerboard)

这样,我们以后添加功能的话程序就不会有错误的识别,例如,将区名称误识别为版名称。
既然认识了最简单的模板,实际上模板就是这样简单,剩下的你只需要明白一些leadbbs模板内的相关变量了。只要参考我前面写的模板教程详细的变量说明和一些判断填空到表格里面就完事了,这里不再多叙述。

在这里有个模板的特殊说明,就是仅使用默认模板而不使用你其他的模板,wensui提供了一个简单的方法。就是:boards.asp语句:
if getbinarybit(gbl_templetflag,1) = 1 then
修改为:
if getbinarybit(gbl_templetflag,1) = 1 and 1=2 then 就可以了(嘿,这里有点象sql注入探测,我想道理也是一样吧?都是返回页面意思。)

[color=blue]leadbbs特殊模板参考[/color]:
双栏模板:
官方:[url=http://w.leadbbs.com/a/a.asp?b=10&id=2240674][color=#0000ff]../a/a.asp?b=10&id=2240674[/color][/url]
网通:[url=http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=13072][color=#0000ff]http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=13072[/color][/url]
电信:[url=http://748202.com/bbs/announce/announce.asp?boardid=306&id=67030][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=306&id=67030[/color][/url]
双栏四栏或多栏模板可以不为偶数,但需要修改代码,也即添加参数colspan或rowspan。

区间广告模板:
网通:[url=http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=19221][color=#0000ff]http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1005&id=19221[/color][/url]
电信:[url=http://748202.com/bbs/announce/announce.asp?boardid=306&id=72799][color=#0000ff]http://748202.com/bbs/announce/announce.asp?boardid=306&id=72799[/color][/url]
区间模板可以任意添加n条广告,只需要多加判断即可。

                                    [color=red]第三章  外部调用教程 (空白)
                                    第四章  框架增强教程 (空白)[/color]


原帖地址:[url=http://w.leadbbs.com/a/a.asp?b=10&id=2427693&aupflag=1&anum=1]http://w.leadbbs.com/a/a.asp?b=10&id=2427693&aupflag=1&anum=1[/url]

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.