Board logo

标题: [LeadBBS相关] [蚂蚁]LeadBBS 3.14 模板示例教程 [打印本页]
作者: shillan    时间: 2006-1-6 21:47     标题: [蚂蚁]LeadBBS 3.14 模板示例教程

此主题相关图片


此主题相关图片


[天使之翼]模板下载：此主题相关文件 221453.txt


天使模版表格布置一览表：

</table>
<!--整个表格结束-->

<!--表格底开始-->
<table width=" + def_bbs_screenwidth + " border=0 cellspacing=0 cellpadding=0 align=center><tr><td>" + gbl_tablebottomstring + "</td></tr></table>
<!--表格底结束-->

<br>
<!--表格头开始-->
<table width=" + def_bbs_screenwidth + " border=0 cellspacing=0 cellpadding=0 align=center><tr><td>" + gbl_tableheadstring + "</td></tr></table>
<!--表格头结束-->

<!--整个表格开始-->
<table width=" + def_bbs_screenwidth + " border=0 cellspacing=1 cellpadding=5 align=center bgcolor=#cccccc class=tbone>

<!--表格内第一行开始-->
<tr bgcolor=#666699><td colspan=4 class=tbhead>
  <br>
</td></tr>
<!--表格内第一行结束-->

<!--表格内第二行开始-->
<tr bgcolor=#f7f7f7 align=center class=tbbg9>

<!--表格内第二行1表格开始-->
<td width=25 bgcolor=eeeeee class=tbbg1>
<!--表格包含js-->
保密论坛
版主专区
只读论坛
正式会员论坛
注册认证论坛
开放论坛
常规论坛
</td><!--表格内第二行1表格结束-->

<!--表格内第二行2表格开始-->
<td align=left><table width=100% border=0 cellspacing=0 cellpadding=0>
<tr><td rowspan=4 width=" + boardimgwidth + " valign=top><br>
</td><td width=4 rowspan=4>
</td></tr>
<tr height=20><td>
</td><td align=right rowspan=2 valign=top><img src=images/null.gif width=2 height=2><br>在此论坛发表新帖子<br>查看精华区内<br></td></tr>
<tr height=15><td>
</td>
<tr height=15 class=tbbg1><td colspan=2>
<br>版主
</tr></table></td>
<!--表格内第二行2表格结束-->

<!--表格内第二行3表格开始-->
<td align=left width=224 valign=top>
<!--表格包含js-->
主题：无
主题：已设置为隐藏
主题
主题
回复
无
回复
游客
新帖
主题 总量
</td>
<!--表格内第二行3表格结束-->

</tr>
<!--表格内第二行结束-->

<!--全局js完-->

风格制作css层参考：http://www.zhumeng.org/bbs/announce/announce.asp?boardid=1004&id=11295

此主题相关图片


<!--表格内第一行开始-->
<tr bgcolor=#666699><td colspan=4 class=tbhead>
  <br>
</td></tr>
<!--表格内第一行结束-->

说明：
显示区名称一排
包含连接语句：
<a href=boards.asp?assort=" + boardassort + "><b><font color=white class=headfont>" + assortname + "</font></b></a>
点击区名称，进入区版块

对应css层标记：
tbone
tbhead
headfont

模板js语句：
           document.write("<table width=" + def_bbs_screenwidth + " border=0 cellspacing=1 cellpadding=5 align=center bgcolor=#cccccc class=tbone><tr bgcolor=#666699><td colspan=4 class=tbhead><img src=images/blank.gif width=2 height=2><br><a href=boards.asp?assort=" + boardassort + "><b><font color=white class=headfont>" + assortname + "</font></b></a></td></tr>");
           flag = 1;
     }



此主题相关图片


<!--表格内第二行开始-->
<tr bgcolor=#f7f7f7 align=center class=tbbg9>

<!--表格内第二行1表格开始-->
<td width=25 bgcolor=eeeeee class=tbbg1>
保密论坛
版主专区
只读论坛
正式会员论坛
注册认证论坛
开放论坛
常规论坛
</td><!--表格内第二行1表格结束-->

说明：
表格内第二行开始
第二行1表格开始
包含连接语句：
<img src=images/" + gbl_defineimage + "boardtopic/")
当设置为什么论坛，就会执行哪种图标，点击并进入该版

对应css层标记：
tbbg1
tbbg9

模板js语句：
document.write("<tr bgcolor=#f7f7f7 align=center class=tbbg9><td width=25 bgcolor=eeeeee class=tbbg1>
<img src=images/" + gbl_defineimage + "boardtopic/");
     if(todayannounce > 0)document.write("_");
     if(forumpass!="")
     {
           document.write("lock.gif title=保密论坛");
     }
     else
     {
           if(boardlimit&(1<<(7-1)))
           {
                 document.write("lock3.gif title=版主专区");
           }
           else
           {
                 if((boardlimit&(1<<(4-1))) && (boardlimit&(1<<(3-1))) && (boardlimit&(1<<(6-1))))
                 {
                       document.write("readonly.gif title=只读论坛");
                 }
                 else
                 {
                       if(boardlimit&(1<<(2-1)))
                       {
                             document.write("lock2.gif title=正式会员论坛");
                       }
                       else
                       {
                             if(boardlimit&(1<<(1-1)))
                             {
                                   document.write("lock1.gif title=注册认证论坛");
                             }
                             else
                             {
                                   if(boardlimit&(1<<(9-1)))
                                   {
                                         document.write("open.gif title=开放论坛");
                                   }
                                   else
                                   {
                                         document.write("1.gif title=常规论坛");
                                   }
                             }
                       }
                 }
           }
     }
     document.write(" width=24 height=24></td>");



此主题相关图片


<!--表格内第二行2表格开始-->
<td align=left><table width=100% border=0 cellspacing=0 cellpadding=0>
<tr><td rowspan=4 width=" + boardimgwidth + " valign=top><br>
</td><td width=4 rowspan=4>
</td></tr>
<tr height=20><td>
</td><td align=right rowspan=2 valign=top><img src=images/null.gif width=2 height=2><br>在此论坛发表新帖子<br>查看精华区内<br></td></tr>
<tr height=15><td>
</td>
<tr height=15 class=tbbg1><td colspan=2>//此处作者singnore不够严谨
<br>版主
</tr></table></td>
<!--表格内第二行2表格结束-->


说明：
第二行2表格开始
包含连接语句：
boardimgurl---<a href=board/board.asp?boardid=" + boardid + ">点击前图进入版块
<a href=board/board.asp?boardid=" + boardid + ">" + boardname + 版名及连接
<a href=announce/announce2.asp?boardid=" + boardid + ">在此论坛发表新帖子
<a href=board/eboard.asp?boardid=" + boardid + ">查看精华区内容
boardintro----版块说明
displayboardmastlist(masterlist,5)----斑竹名单列表

对应css层标记可自己参考风格文件

模板js语句：
document.write("<td align=left><table width=100% border=0 cellspacing=0 cellpadding=0>");
     if(boardimgurl != "" && boardimgurl != null)document.write("<tr><td rowspan=4 width=" + boardimgwidth + " valign=top><img src=images/null.gif width=2 height=3><br><a href=board/board.asp?boardid=" + boardid + "><img src=\"" + boardimgurl + "\" width=" + boardimgwidth + " height=" + boardimgheight + " border=0></a></td><td width=4 rowspan=4><img src=images/null.gif width=2 height=2></td></tr>");
     document.write("<tr height=20><td><a href=board/board.asp?boardid=" + boardid + ">" + boardname + "</a>");
     document.write("</td><td align=right rowspan=2 valign=top><img src=images/null.gif width=2 height=2><br><a href=announce/announce2.asp?boardid=" + boardid + "><img src=images/" + gbl_defineimage + "boardtopic/post.gif height=13 width=12 border=0 title=在此论坛发表新帖子></a><br><img src=images/null.gif width=2 height=5><br><a href=board/eboard.asp?boardid=" + boardid + "><img src=images/" + gbl_defineimage + "boardtopic/elist.gif height=13 width=12 border=0 title=查看精华区内容(共" + goodnum + "精华帖子)></a></td></tr>");
     document.write("<tr height=15><td>");
     document.write(boardintro);
     document.write("</td>");
     document.write("<tr height=15 class=tbbg1><td colspan=2>");
     document.write("<img src=images/null.gif height=2 width=192><br>版主：");
     displayboardmastlist(masterlist,5);
     document.write("</tr></table></td>");



此主题相关图片



<!--表格内第二行3表格开始-->
<td align=left width=224 valign=top>
主题：无
主题：已设置为隐藏
主题
主题
回复
无
回复
游客
新帖
主题 总量
</td>
<!--表格内第二行3表格结束-->

说明：
第二行3表格开始
包含连接语句：
<a href=announce/announce.asp?boardid=" + boardid + "&id=" + lastannounceid + "&aupflag=1&anum=1>" + htmlencode(lasttopicname) +
---------主题连接的路径

<a href=\"user/lookuserinfo.asp?name=" + htmlencode(lastwriter) + "\">" + htmlencode(lastwriter) + 回复人的资料连接

htmlencode(lastwriter)---------回复人
lastwritetime         ---------回复时间
todayannounce         ---------今日新帖统计
topicnum              ---------本版主题统计
announcenum           ---------该版总帖量

对应css层标记可自己参考风格文件

模板js语句：
document.write("<td align=left width=224 valign=top><img src=images/null.gif height=2 width=2><br>");
     if(lasttopicname == "" || lasttopicname==null)
     {
           document.write("主题：无");
     }
     else
     {
           if(strlength(lasttopicname)>31)lasttopicname = lefttrue(lasttopicname,31-3) + "..."
           lasttopicname = htmlencode(lasttopicname);
           if(forumpass != "" || (boardlimit&(1<<(2-1))) || (boardlimit&(1<<(7-1))))
           {
                 document.write("主题：已设置为隐藏");
                 temp = 1;
           }
           else
           {
                 if(parseint(lastannounceid)==0){document.write("主题：" + htmlencode(lasttopicname));}
                 else{document.write("主题：<a href=announce/announce.asp?boardid=" + boardid + "&id=" + lastannounceid + "&aupflag=1&anum=1>" + htmlencode(lasttopicname) + "</a>");}
           }
     }
     document.write("<br><img src=images/null.gif height=4 width=2><br>");
     if(lastwriter == "")
     {
           document.write("回复：");
           lastwriter="无";
     }
     else
     {
           if(lastwritetime.length==14)lastwritetime = lastwritetime.substr(0,4) + "-" + lastwritetime.substr(4,2) + "-" + lastwritetime.substr(6,2) + " " + lastwritetime.substr(8,2) + ":" + lastwritetime.substr(10,2)
           document.write("回复：" );
           if(lastwriter!="游客")
           {
                 if(temp != 1)document.write("<a href=\"user/lookuserinfo.asp?name=" + htmlencode(lastwriter) + "\">" + htmlencode(lastwriter) + "</a> ");
           }
           else
           {
                 document.write(htmlencode(lastwriter) + " ")
           }
           document.write(lastwritetime);
           document.write("<br><img src=images/null.gif height=4 width=2><br>");
           document.write("新帖：<font color=#666699 class=tbtwofont>" + todayannounce + "</font> 主题 " + topicnum + " 总量 " + announcenum);
           document.write("</td></tr>");
     }
}

原帖地址：http://w.leadbbs.com/a/a.asp?b=10&id=2213121
作者: 一冬之河    时间: 2006-4-6 09:02

太复杂，看汪懂
作者: 蚂蚁    时间: 2006-5-3 12:59

表复杂啊。会html就知道有多简单了哦。。。。
作者: shillan    时间: 2006-5-3 13:11

下面引用由蚂蚁发表的内容：

表复杂啊。会html就知道有多简单了哦。。。。

嘿嘿，不好意思，“盗”了你的帖。
作者: xiaoma    时间: 2006-10-20 10:54

haha



欢迎光临 逐梦论坛 (http://temp2023.zhumeng.org/) Powered by Discuz! 7.2