|
从官方的s=1延伸到多栏模板制作
---傻瓜模板教程
教材目的,不会js代码就使用现成代码来改
我们知道,当我们访问http://玉米/bbs/boards.asp?s=1是论坛首页的简捷模式。再通过查看首页的代码就知道该样式是调用模板
function displayboard(boardid,boardassort,boardname,assortname)
.................
inc/templet/" & gbl_templetid & "_1.js"
.................
和
if(num>0){for(n=num;n<5;n++)document.write("<td width=20%> </td>");}
这俩段来实现该简捷模式。
查看以上代码,提示我们进入文件夹:inc/templet/下,该文件夹是模板js文件,打开文件
1_0.js
我们复制该文件所有代码,制作一个新的模板进行测试,测试结果,使用新做的模板完全符合s=1时的简捷模式。
该代码如下:
function displayboard(boardid,boardassort,boardname,assortname)
{
var n;
if(currentassosrt!=boardassort)
{
currentassosrt = boardassort
if(flag == 1)
{
if(num>0){for(n=num;n<5;n++)document.write("<td width=20%> </td>");}
document.write("</table>");
document.write("<br>");
}
else
{
if(gbl_tableheadstring != "")document.write("<table width=" + def_bbs_screenwidth + " border=0 cellspacing=0 cellpadding=0 align=center><tr><td>" + gbl_tableheadstring + "</td></tr></table>");
}
document.write("<table width=" + def_bbs_screenwidth + " border=0 cellspacing=1 cellpadding=5 align=center bgcolor=#cccccc class=tbone><tr bgcolor=#666699><td colspan=5 class=tbhead><img src=images/blank.gif width=2 height=3><br><a href=boards.asp?assort=" + boardassort + "><b><font color=white class=headfont>" + assortname + "</font></b></a></td></tr>");
flag = 1;
num=0;
}
if((num%5)==0)document.write("<tr bgcolor=#f7f7f7 class=tbbg9>");
document.write("<td width=20%><a href=board/board.asp?boardid=" + boardid + ">" + boardname + "</a></td>");
num+=1;
if(num>4)num=0;
}
稍具有html基础的朋友通过分析以上的代码都知道,该语句将版块横列为5块。每块为20%。tr延伸td为5格,及colspan=5
有了这样的思路,我们可以任意调整以上的5和20%将模板样式定为n栏了。
有了这样的思路,我们再参考:http://w.leadbbs.com/a/a.asp?b=10&id=2211933&e=1&eid=40
或http://qjpz.com/bbs/announce/announce.asp?boardid=3062&id=64136
该模板制作教程,对上面的代码进行填充。
双栏模板代码参考:http://w.leadbbs.com/a/a.asp?b=10&id=2240674
附录:通过以上深入的了解,我们将首页制作成左边是一竖型的深长表格,右边是论坛的各类版块已不是不可能。更多的将首页布置为任意的模式,需要你具有丰富的想象力和深厚的html基础加简单的js修改知识,leadbbs的模板会更加丰富多彩。
原帖地址:http://w.leadbbs.com/a/a.asp?b=10&id=2245567 |
|