Xoops Xphpbbi Modules (模块) 重构 ( Web Standard) 之 不完全篇 By Emerald 绿色学院 - Green Institute

类别:网站制作 点击:0 评论:0 推荐:
绿色学院 - green institute - 不听人间乐 - 想得到 - 做得到 - xoops Xoops Xphpbbi Modules (模块) 重构 ( Web Standard) By Emerald 绿色学院 - Green Institute

PS: 只重构了几个重要页面, 其他的页面偶找时间一并弄好, 不过找时间对于我来说不是一个确切的日期.

对应的 Xoops Themes 及 CSS: Theme - Emerald-X-Forum | CSS - web.standard.x-forum.css
Xoops Themes Emerald-X-Forum 源码:
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/106704/o_xphpbbi.index_body.tpl.jpg

<HTML XMLNS="http://www.w3.org/2002/06/xhtml2" XML:LANG="zh-cn">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<META HTTP-EQUIV="content-language" CONTENT="<{$xoops_langcode}>" />
<META NAME="robots" CONTENT="<{$xoops_meta_robots}>" />
<META NAME="keywords" CONTENT="<{$xoops_meta_keywords}>" />
<META NAME="description" CONTENT="<{$xoops_meta_description}>" />
<META NAME="rating" CONTENT="<{$xoops_meta_rating}>" />
<META NAME="author" CONTENT="<{$xoops_meta_author}>" />
<META NAME="copyright" CONTENT="<{$xoops_meta_copyright}>" />
<META NAME="generator" CONTENT="XOOPS" />
<TITLE><{$xoops_pagetitle}> <{$xoops_subtitle}> <{$xoops_sitename}></TITLE>
<LINK HREF="<{$xoops_url}>/favicon.ico" REL="SHORTCUT ICON" />
<LINK REL="stylesheet" TYPE="text/css" MEDIA="all" HREF="<{$xoops_url}>/web.standard.x-forum.css" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<SCRIPT TYPE="text/javascript">
<!--
<{$xoops_js}>
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</SCRIPT>
</head>
<BODY TOPMARGIN="0" LEFTMARGIN="0" >
<DIV ID="bannerWS"><{$xoops_banner}> </DIV>
<!-- Start header -->
<DIV ID="headerWS">
<DIV CLASS="logoWS">
<A HREF="/" TARGET="_self"><IMG SRC="/images/logo.gif" ONLOAD="MM_preloadImages('/images/logo.gif')" WIDTH="300" HEIGHT="92" BORDER="0" ALT="<{$xoops_pagetitle}> <{$xoops_subtitle}> <{$xoops_sitename}>" ></A>
</DIV>
<DIV ID="navigationCnWS">
<DIV CLASS="navigationCnTopWS">
<A HREF="/modules/T-TechTools/index.htm">CodeConvert</A>
<A HREF="/modules/GI-Tools/GI-Tools_pagerank.htm">PageRank</A>
<A HREF="/modules/GI-Tools/GI-Tools_HZZPY.htm">HZZPY</A>
<A HREF="/modules/GI-Tools/GI-Tools_ASCIIArtist.htm">ASCII</A>
<A HREF="/modules/GI-Tools/GI-Tools_Calendar.htm">Calendar</A>
<A HREF="/modules/GI-Tools/GI-Tools_Weather.htm">Weather</A>
<A HREF="http://gi.2288.org:88/t/google/cheat_Google.php" >GoogleCheat</A>
<A HREF="http://zh.2288.org:66/index.htm">ZH</A>
<A HREF="http://seo.2288.org:99/index.htm" >SEO-GI</A>
<BR />
<A HREF="/modules/YahooNews/" ID="refresh10">YNews!</A>
<A HREF="/modules/Google_Cheat/index_5.htm" >P5</A>
<A HREF="/modules/Google_Cheat/index_6.htm" >P6</A>
<A HREF="/modules/Google_Cheat/index_7.htm" >P7</A>
<A HREF="/modules/Google_Cheat/index_8.htm" >P8</A>
<A HREF="/modules/Google_Cheat/index_9.htm" >P9</A>
<A HREF="/modules/Google_Cheat/index_10.htm" >P10</A>
</DIV>
<DIV CLASS="domainWS">首选: <A HREF="http://gi.it.to/">http://gi.it.to/ </A> 备用: <A HREF="http://gi.qq.to/">http://gi.qq.to/</A></DIV>
<DIV CLASS="catchwordWS"><SCRIPT TYPE="text/javascript" SRC="<{$xoops_url}>/js/Catchword.js"></SCRIPT></DIV>
<DIV CLASS="navigationCnMenuWS">
<A HREF="/" TARGET="_self">首页</A>
<A HREF="/modules/news/index.htm" TARGET="_self">新闻</A>
<A HREF="/modules/wfdownloads/index.htm" TARGET="_self">下载</A>
<A HREF="/modules/mydownloads/index.htm" TARGET="_self">源码</A>
<A HREF="/modules/myalbum/index.htm" TARGET="_self">图片</A>
<A HREF="/modules/AMS/index.htm" TARGET="_self">文章</A>
<A HREF="/modules/booklists/index.htm" TARGET="_self">图书</A>
<A HREF="/modules/xphpbbi/index.htm" TARGET="_self">交流</A>
<A HREF="/modules/newbb/index.htm" TARGET="_self">技术</A>
<A HREF="/modules/digest/index.htm" TARGET="_self">0Day</A>
<A HREF="/modules/wordbook/index.htm" TARGET="_self">辞典</A>
<A HREF="/modules/dictionary/index.htm" TARGET="_self">搜客</A>
<A HREF="/modules/xmline/index.htm" TARGET="_self">网摘</A>
<A HREF="/modules/GI-Tools/index.htm" TARGET="_self">工具</A>
<A HREF="/modules/xoopsodp/" TARGET="_self">ODP</A>
<A HREF="/modules/sitemap/index.htm" TARGET="_self">地图</A>
<A HREF="/modules/lykos_syndication/index.htm" TARGET="_self">RSS</A>
</DIV>
</DIV>
</DIV>
<!-- End header -->
<!-- Start English Menu -->
<DIV ID="englishMenuWS">
<A HREF="/" TARGET="_self">Home</A>
<A HREF="/modules/news/index.htm" TARGET="_self">News</A>
<A HREF="/modules/wfdownloads/index.htm" TARGET="_self">Downloads</A>
<A HREF="/modules/mydownloads/index.htm" TARGET="_self">Xoops</A>
<A HREF="/modules/myalbum/index.htm" TARGET="_self">Photo</A>
<A HREF="/modules/AMS/index.htm" TARGET="_self">Article</A>
<A HREF="/modules/booklists/index.htm" TARGET="_self">Books</A>
<A HREF="/modules/xphpbbi/index.htm" TARGET="_self">BBS</A>
<A HREF="/modules/newbb/index.htm" TARGET="_self">Forum</A>
<A HREF="/modules/digest/index.htm" TARGET="_self">0Day</A>
<A HREF="/modules/wordbook/index.htm" TARGET="_self">Glossary</A>
<A HREF="/modules/dictionary/index.htm" TARGET="_self">GHDB</A>
<A HREF="/modules/xmline/index.htm" TARGET="_self">Digest</A>
<A HREF="/modules/GI-Tools/index.htm" TARGET="_self">Tools</A>
<A HREF="/modules/xoopsodp/" TARGET="_self">ODP</A>
<A HREF="/modules/sitemap/index.htm" TARGET="_self">Sitemap</A>
<A HREF="/modules/lykos_syndication/index.htm" TARGET="_self">RSS</A>
</DIV>
<!-- End English Menu -->
<!-- Start search, member, rss -->
<DIV ID="searchMemberRssWS">
<DIV CLASS="searchFormWS">
<FORM ACTION="<{$xoops_url}>/search.htm" METHOD="post" TARGET="_Self">
<INPUT CLASS="searchButton" TYPE="text" NAME="query" VALUE="暂停使用搜索" SIZE="12" ID="1"/>
<INPUT TYPE="hidden" NAME="action" VALUE="results" /><INPUT NAME="submit" TYPE="submit" VALUE="Search" CLASS="searchInput"/>
</FORM>
</DIV>
<DIV CLASS="MemberWS">
<{if $xoops_isuser}>
嗨! <{$xoops_uname}>
<A HREF="<{$xoops_url}>/user.php" TARGET="_self">会员信息</A>,
<A HREF="<{$xoops_url}>/user.php?op=logout" TARGET="_self">退出登陆</A>.
<A HREF="/modules/xcgal/" TARGET="_self">相册</A>
<A HREF="/modules/piCal/" TARGET="_self">日程</A>
<A HREF="/modules/dms/" TARGET="_self">文档</A>
<A HREF="/modules/BopComments/" TARGET="_self">综合</A>. <{else}>
<A HREF="<{$xoops_url}>/register.php" TARGET="_self">用户注册!</A>
绿色学院 - Green Institute! <{/if}><{if $xoops_isuser}><{else}>
<A HREF="<{$xoops_url}>/user.php" TARGET="_self">会员登陆!</A>
<{/if}>
</DIV>
<DIV CLASS="linksContactAndOtherWS">
<SCRIPT TYPE="text/javascript" SRC="<{$xoops_url}>/js/QqGroup.js"></SCRIPT>
<A HREF="/modules/mylinks/index.htm" TARGET="_self">链接</A>
<A HREF="/modules/liaise/index.htm" TARGET="_self">联系</A>
</DIV>
</DIV>
<!-- End search, member, rss -->
<DIV ID="content">
<DIV CLASS="contentFloatLeft0px"></DIV>
<DIV CLASS="contentFloatRight760px"><{$xoops_contents}></DIV>
</DIV>
<DIV ID="footerWS"><{$xoops_footer}></DIV>
<!-- Xoops Web 标准设计 by Emerlad 绿色学院 - Green Institute http://gi.2288.org:88/ -->
<!-- The Xoops Web Standard Design by Emerlad Green Institute http://gi.2288.org:88/ -->
<!-- 请勿移除本信息, 尊重作者的劳动. Please don't remove this's message! -->
</BODY>
</HTML>

Xoops CSS web.standard.x-forum.css 源码:

/****************************************************************\
* <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
* CSS Document design by Emerald
* 绿色学院 - Green Institute
* http://gi.2288.org:88/
\****************************************************************\
* *px *px *px *px
* ---------------------------------------------------------------
* 上 右 下 左
* ---------------------------------------------------------------
* Top Right Down Left
\****************************************************************/
/*************************************************************************************************************************\
*
* Xoops General Label By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
/* General Label */
body{
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align:center;
text-transform: capitalize;
text-decoration: none;
padding: 0px;
margin:0px;
overflow-x: hidden;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #f38587;
SCROLLBAR-BASE-COLOR: #f06567;
}
a, a:link, a:hover, a:active, a:visited {
text-decoration: none;
font-size: 12px;
color: #000000;
}
a:hover {
background-color: #f3f4f5;
}
form, input, img {
margin:0px;
padding:0px;
overflow:hidden;
vertical-align:middle;
}
img {
border: 0;
}
div, ul, li, dl, dt, dd, table, tr, p, font {
font-size: 12px;
text-align:left;
margin:0px;
padding:0px;
overflow:hidden;
}
li {
list-style-type: square;
}
label{
background-color: #F38383;
width:100%;
display: block;
padding: 2px 0px 2px 16px;
margin:0px 0px 0px 1px;
}

table td {
border-width: 0;
vertical-align: top;
}
hr.borderBottom, hr{
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #000000;
margin:5px 0px 1px 0px;
width:100%;
}
/*************************************************************************************************************************\
*
* Custom Variable By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
#bannerWS, #headerWS, #englishMenuWS, #searchMemberRssWS, #mainBlocksWS, #newbbHeaderTop {
margin: auto;
}
#r-b-2 a:hover, #r-b-2 a, #r-b-2, #r-b a, #r-b, #d-post-h-d, #d-post-h-r, #r-b a:hover, div.navigationCnTopWS, div.navigationCnMenuWS, div.linksContactAndOtherWS, div#siteInfoMessageWS, div#newbbBlocksForumNameWS, div#newbbBlocksNumberDateWS, div.newbbBlocksTimeWS, label#newbbBlocksWS, div#xphpbbiBlocksTopicForumWS, div#xphpbbiBlocksNumberDateWS, div.xphpbbiBlocksTopicTimePosterWS, div#xphpbbiLabel-rWS, #x-pbb-s-r, #x-pbb-s-r a, #x-pbb-s-r a:hover, #ams-td-ef{
text-align:right;
}
div.logoWS, div.searchFormWS, div.MemberWS, #centerRightBlocksWS, #rightBlocksWS, #siteInfoUserWS, #newbbBlocksTitleTopicWS, #newbbBlocksTitleRepliesWS, #newbbBlocksTitleViewsWS, #newbbBlocksTitleLastPostWS, #xphpbbiBlocksTitleTopicWS, #xphpbbiBlocksTitleRepliesWS, #xphpbbiBlocksTitleViewsWS, #xphpbbiBlocksTitleLastpostWS, div.xphpbbiBlocksTopicViewsWS, div.xphpbbiBlocksRepliesWS, div#xphpbbiBlocksTopicForumWS, div.xphpbbiBlocksImgWS, div#xphpbbiBlocksLeftWS, div.newbbBlocksViewsWS, div.newbbBlocksReliesWS, div#newbbBlocksForumNameWS, div#newbbBlocksTopicWS, div.domainWS, div#siteInfoUserWS{
position : absolute;
}
#navigationCnWS, #leftBlcoksWS, #customRightBlcoksWS, #newbbBlocksViewsWS, #newbbBlocksLastPostWS, #xphpbbiBlocksTopicTitleWS, div.xphpbbiBlocksTopicTimePosterWS, div#xphpbbiBlocksNumberDateWS, div.xphpbbiBlocksTitleWS, div#newbbBlocksNumberDateWS {
position : relative;
}
/*************************************************************************************************************************\
*
* Xoops & System By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
div.xoopsCode {
background: #FFFFFF url(images/background.gif) no-repeat;
display: table;
width:100%;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
background: #FFFFFF url(images/background.gif) no-repeat;
display: table;
width:100%;
}
.odd, td.odd, tr.odd, div.odd { background-color: #f9f9f9;}
.even, td.even, tr.even, div.even { background-color: #F3F4F5;}
th {
background-color: #CDDCEB;
color: #004080;
padding: 2px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.head {
font-weight: bold;
background-repeat: repeat-x;
background-position: left;
color: #373737;
height: 24px;
line-height: 22px;
text-align: center;
background-color: #DFE2E6;
}
div#content {
margin:auto;
width:760px;
float:none;
}
div.contentFloatLeft0px {
width:0px;
position: absolute;
left: 0px;
}
div.contentFloatRight760px {
width:760px;
right: 0px;
position: relative;
}
/*************************************************************************************************************************\
*
* Green Institute Navigation Menu By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
/* Xoops Banner */
div#bannerWS{
width:765px;
vertical-align:top;
padding:0px;
margin-top:-15px;
}
/*************************************************************************************************************************/
/* Header */
div#headerWS {
width:760px;
height:92px;
}
div#headerWS div.logoWS {
float:left;
width: 290px;
}
div#headerWS div#navigationCnWS div.navigationCnTopWS {
font-family: Tahoma, sans-serif;
}
div#headerWS div#navigationCnWS div.navigationCnTopWS a#refresh10{
background-color: #ffffff;
color: #ffffff;
}
div#headerWS div#navigationCnWS div.domainWS {
right: 180px;
margin:-2px 0px 0px 0px;
text-transform: none;
}
div#headerWS div#navigationCnWS div.catchwordWS{
color: #F3BB97;
padding: 24px 0px 0px 300px;
text-align:center;
}
div#headerWS div#navigationCnWS div.navigationCnMenuWS{
padding: 10px 0px 0px 0px;
font-family: Tahoma, sans-serif;
}
/*************************************************************************************************************************/
/* English Navigation Menu */
div#englishMenuWS{
width:760px;
background-color: #f06567;
padding-left:3px;
}
div#englishMenuWS a{
background-color: #f06567;
padding: 5px 3px;
display: block;
float:left;
color:#ffffff;
}
div#englishMenuWS a:hover{
background-color: #f3bb97;
display:block;
}
/*************************************************************************************************************************/
/* search & Member & Contact */
div#searchMemberRssWS{
width:760px;
height:22px;
}
div#searchMemberRssWS div.MemberWS {
padding: 4px 0px 0px 165px;
}
div#searchMemberRssWS div.linksContactAndOtherWS {
padding: 4px 0px 0px 0px;
}
div#searchMemberRssWS div.searchFormWS form input.searchInput, input.searchButton{
position: relative;
vertical-align:middle;
top:1px;
border: thin none #000000;
}
/*************************************************************************************************************************\
*
* Xoops Main Blocks By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
/*************************************************************************************************************************/
/* Site footer */
div#footerWS{
width:100%;
background-color: #F06567;
padding: 4px 0px;
text-align:center;
color:#ffffff;
}
div#footerWS a {
color:#ffffff;
}
div#footerWS a:hover {
color:#ffffff;
background-color:#7EDE7C;
}
div#googleCrawler {
background-color: #CC6600;
text-align:center;
color:#ffffff;
width:100%;
}
/*************************************************************************************************************************/
/* Google Ad, Site footer */
div#googleAd{
width:120px;
position: absolute;
top: 0px;
right: 0px;
white-space: nowrap;
}


对应的 phpBB Templates 及 CSS 源码: Templates - Emerald-WebStandard | CSS - Emerald-WebStandard.css
phpBB Templates Emerald-WebStandard.css 源码

/* Alexis CSS File Created by Andrew :: http://andrewcharron.tk */

 

body {

color: #333333;
font-family: Verdana, , Arial, sans-serif;

text-align: center;
}
.gen {
font-size : 12px;
}
.gen2 {
font-size: 12px;
font-family: sans-serif, Arial;
}
.genmed {
font-size : 12px;
}
.gensmall {
font-size : 12px;
}
.gen,.genmed,.gensmall {
color : #000000;
}
a.gen,a.genmed,a.gensmall {
color: #006699; text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover {
color: #DD6900; text-decoration: underline;
}
span.info {
font-size: 12px;

}
span.small {
font-size: 12px;
}
span.postinfo {
font-size: 12px;
color: #333333;
}
a.nav {
color: #333333;
font-size: 12px;
}
.cattitle {
color: #333333;
}
a.white {
color: #FFFFFF;
}
a.grey {
color: #333333;
}
a.white:visited {
color: #FFFFFF;
}
a.green {
color: #669900;
font-weight: bold;
font-size: 14px;
}
a.green:visited {
color: #669900;
font-weight: bold;
font-size: 14px;
}
a.green:hover {
color: #996600;
font-weight: bold;
font-size: 14px;
}
div.small {
font-size: 12px;
}
div.pm {
border: solid;
border-width: 1px;
width: 300px;
border-color: #555555;
background-color: #EFEFEF;
font-size: 12px;
position: center;
text-align: center;
font-family: Verdana, sans-serif;
}
table.forumborder {
border: solid;
border-width: 1px;
border-color: #555555;
background-color:ffffff;
}
table.forumborder2 {
border-top: 0px solid #555555;
border-right: 1px solid #555555;
border-bottom: 0px solid #555555;
border-left: 1px solid #555555;
}
table.forumborder3 {
border-top: 1px solid #555555;
border-right: 1px solid #555555;
border-bottom: 0px solid #555555;
border-left: 1px solid #555555;
}
table.forumborder4 {
border-top: 0px solid #555555;
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
border-left: 1px solid #555555;
}
td.small {
font-size: 12px;
}
td.info {
font-size: 12px;

}
td.title {
background-color: #669900;

height: 100px;
}
td.menu {
background-color: #CFCFCF;

height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
td.subtitle {
background-color: #CFCFCF;

height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
td.mnu {
background-color: #BFBFBF;
height: 2px;
}
td.forumtitle {
background-color: #669900;
color: #FFFFFF;
font-size: 12px;
font-family: sans-serif;
}
td.row1 {
background-color: #EFEFEF; /*was EEEEEE */
font-family: sans-serif;
font-size: 12px;
}
td.row2 {
background-color: #DEDEDE; /* Was DDDDDDD */
font-family: sans-serif;
font-size: 12px;
}
td.row3 {
background-color: #CDCDCD; /* was CCCCCC */
font-family: sans-serif;
font-size: 12px;
}
td.icon {
background-color: #EFEFEF;
font-family: sans-serif;
}
td.rowtitles {
background-color: #CFCFCF;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
th.forumtitle {
background-color: #669900;
color: #FFFFFF;
font-size: 12px;
font-family: sans-serif;
}
th.menu {
background-color: #BFBFBF;
height: 25px;
color: #555555;
font-size: 12px;
font-family: sans-serif;
}
span.postbody {
font-size: 13px;
}
.liteoption {
border: 1px solid #000000;
height: 20px;
background-color: #FFFFFF;
}
.mainoption, .button {
border: 1px solid #000000;
height: 20px;
background-color: #FFFFFF;
}
.code {
font-family: "courier new";
font-size: 12px;
color: #669900;
background-color: #FFFFFF;
border: #669900;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
background-image: url("images/background.gif");
background-repeat: no-repeat;
background-position: top right;
}

.quote {
font-family: Arial;
font-size: 12px;
color: #333333;
/* line-height: 125%; */
background-color: #FFFFFF;
border: #333333;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
background-image: url("images/background.gif");
background-repeat: no-repeat;
background-position: top right;
padding-left: 12px;
padding-top: 12px;
padding-bottom: 12px;
}
/* Not used yet, but will be used in v1.2, v1.5 and v2.0*/
div.box1 {
width: 200px;
text-align: center;
font-size: 14px;
background-color: #EFEFEF;
border: 1px solid #BFBFBF;
}
table.mainwindow {
margin-left: auto;
margin-right: auto;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #FFFFFF;
width: 775px;
background-image: url("images/background.gif");
background-repeat: no-repeat;
background-position: top right;
}
.topictitle1 {
font-size: 14px;
font-weight: bold;
}

/*Table-topic-backgroup-color*/
.pbb-t-b-f9{
background-color: #F9F9F9;
}
.pbb-t-b-ff{
background-color: #efefef;
}
.pbb-t-b-ef{
background-color: #efefef;
line-height: 200%;
}

 

/*Table-topic-font*/
.pbb-t-t-f-14{
font-size: 14px;
line-height: 150%px;

text-decoration: none;
}
.pbb-t-t-f-12{
font-size: 12px;
line-height: 150%px;

text-decoration: none;
}
.pbb-E-TB-14-ATC{
font-size: 14px;
line-height: 150%;
text-transform: capitalize;

text-decoration: none;

}
#pbb-E-TB-14-ATC{
font-size: 14px;

text-transform: capitalize;

text-decoration: none;
background-color:cfcfcf;
}
#pbb-E-TB-14-ATC a{
font-size: 14px;

text-transform: capitalize;


text-decoration: none;
background-color:cfcfcf;
}
#pbb-E-TB-14-ATC a:hover{
font-size: 14px;
text-transform: capitalize;
color: #ffffff;
text-decoration: none;
background-color:7EDE7C;
font-weight: bold;
}
#pbb-c-669900{
font-size: 12px;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
background-color: #669900;
}
#pbb-c-669900 a{
font-size: 12px;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
background-color: #669900;
}
#pbb-c-669900 a:hover{
font-size: 12px;
line-height: 150%;
color: #FFFFFF;
text-decoration: none;
background-color: #7EDE7C;
font-weight: bold;
}

/*---Green Institute | footer---*/
.Site-Name{
color: #FFFFFF;
text-decoration: none;
font-size: 12px;
background-color: #40A366;
vertical-align:middle;
}
.Site-Name a{
color: #ffffff;
text-decoration: none;
font-weight: normal;
font-size: 12px;}
.Site-Name a:hover{
color: #ffffff;
text-decoration: none;
background-color:7EDE7C;
font-weight: normal;
font-size: 12px;}

/*----viewtopic----t-h-------*/

#pbb-vt-h{
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
background-color: #669900;

}

#pbb-vt-h a{
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
background-color: #669900;

}
#pbb-vt-h a:hover{
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #7EDE7C;

}
/*---------------viewtopic---article----bgcolor------*/
#e5ed{
background-color: #E5EDD0;
font-size: 13px;
line-height: 150%;
text-decoration: none;
padding-left: 24px;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
vertical-align:middle;
}
#vt-b-bc{
background-color: #97B94B;
padding-left: 12px;
vertical-align:middle;
}
#vt-b-bc a:hover{
padding-left: 12px;

font-weight: normal;
text-decoration: none;
background-color: #97B94B;
}
#vt-b-bc-2{
background-color: #AFC974;
padding-left: 12px;
vertical-align:middle;
}
#vt-b-bc-2 a:hover{
background-color: #AFC974;

}
#pbb-backup-e{
background-color: #DCE7C0;
}
#p-12{
font-size: 14px;
line-height: 150%;
padding-right: 8px;
padding-left: 28px;

padding-top: 14px;
padding-bottom: 12px;
background-color: #E5EDD0;
}
#p-12 a{

font-size: 14px;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #f3f4f5;
}
#p-12 a:hover{
font-size: 14px;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #cccccc;
}

/*************************************************************************************************************************\
*
* Xoops xphpbbi Modules By Emerald 绿色学院 - Green Institute http://gi.2288.org:88/
*
\*************************************************************************************************************************/
/*************************************************************************************************************************/
/* xphpbbi Header */
div#xphpbbiHeaderTop {
width:760px;
background-color:#669900;
}
div#xphpbbiHeaderTopImg {
float:left;
position: relative;
left: 0px;
}
div#xphpbbiHeaderLogo {
text-align:right;
}
div#xphpbbiHeaderLink, div#xphpbbiHeaderLink a{
text-align:right;
color:#ffffff;
margin:15px 0px 0px 0px;
}
div#xphpbbiHeaderLink a:hover{
}
div#xphpbbiHeaderNav {
white-space:nowrap;
}
/*************************************************************************************************************************/
/* xphpbbi Index Body */
div.xphpbbiLForumHeader {
background-color:#669900;
color:#ffffff;
}
div.xphpbbiLForum {
width:510px;
position:absolute;
left:0px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiLTopics {
width:50px;
position:absolute;
left:510px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiLPosts {
width:50px;
position:absolute;
left:560;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiLLastpost {
width:150px;
position:relative;
left:610px;
text-align:right;
padding:0px 0px 1px 0px;
}
div.xphpbbiForumCatName {
text-align:center;
background-color:#cfcfcf;
}
div.xphpbbiBodyImg {
width:150px;
position:absolute;
left:0px;
text-align:center;
background-color:#efefef;
height:28px;
}
div.xphpbbiBodyForumName {
width:360px;
position:absolute;
left:150px;
background-color:#efefef;
height:28px;
}
div.xphpbbiBodyTopic {
width:50px;
position:absolute;
left:510px;
text-align:center;
background-color:#dedede;
height:28px;
}
div.xphpbbiBodyPosts {
width:50px;
position:absolute;
left:560px;
text-align:center;
background-color:#dedede;
height:28px;
}
div.xphpbbiBodyLastPost {
width:150px;
position:relative;
left:610px;
text-align:right;
background-color:#dedede;
height:28px;
white-space:nowrap;
}
div.xphpbbiBodyMarkParent {
height:18px;
background-color:#669900;
color:#ffffff;
padding:2px 0px 0px 0px;
}
div.xphpbbiBodyMarkParent a{
color:#ffffff;
}
div.xphpbbiBodyMark {
position:absolute;
width:50%;
}
div.xphpbbiBodyTimeZone {
position:relative;
width:50%;
left:50%;
text-align:right;
}
div.xphpbbiBodyOnline {
font-weight:bold;
padding:2px 0px 0px 2px;
}
div.xpbpbbiBodyWhoIsOnlineImg {
position:absolute;
left:0px;
width:50px;
text-align:center;
padding:36px 0px 0px 0px;
}
div.xpbpbbiBodyWhoIsOnlineInfo {
position:relative;
left:50px;
width:710px;
}
div.xphpbbiBodyImgExplain {
text-align:center;
}
/*************************************************************************************************************************/
/* Xphpbbi Modules View Forum Body */
div.xpppbbiUserList {
position:absolute;
width:80%;
white-space:nowrap;
}
div.xphpbbiModerators {
position:relative;
width:20%;
left:80%;
text-align:right;
white-space:nowrap;
}
div.xphpbbiViewforumPostNewTopicParent {
height:24px;
}
div.xphpbbiViewforumPostNewTopic {
position:absolute;
width:50%;
left:0px;
}
div.xphpbbiPaginaton {
position:relative;
width:50%;
left:50%;
text-align:right;
white-space:nowrap;
padding:6px 0px 0px 0px;
}
div.xphpbbiViewforumHeaderTitle {
background-color:#669900;
color:#ffffff;
}
div.xphpbbiViewforumTopics {
position:absolute;
width:430px;
left:0px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewforumAuthor {
position:absolute;
width:80px;
left:430px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewforumViews {
position:absolute;
width:50px;
left:510px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewforumReplies {
position:absolute;
width:50px;
left:560px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewforumLastpost {
position:relative;
width:150px;
left:610px;
text-align:right;
padding:0px 0px 1px 0px;
}
div.xphpbbiViewforumTopicImg {
width:150px;
position:absolute;
text-align:center;
left:0px;
background-color:#efefef;
height:28px;
}
div.xphpbbiViewforumTopicTitle {
width:360px;
position:absolute;
left:150px;
background-color:#efefef;
height:28px;
white-space:nowrap;
}
div.xphpbbiViewforumTopicAuthor {
width:80px;
position:absolute;
left:430px;
text-align:center;
margin:14px 0px 0px 0px;
white-space:nowrap;
}
div.xphpbbiViewforumTopicViews {
width:50px;
position:absolute;
left:510px;
text-align:center;
background-color:#dedede;
height:28px;
}
div.xphpbbiViewforumTopicReplies {
position:absolute;
width:50px;
left:560px;
text-align:center;
background-color:#dedede;
height:28px;
}
div.xphpbbiViewforumTopicLastpostTime {
width:150px;
position:relative;
left:610px;
text-align:right;
background-color:#dedede;
height:28px;
}
div.xphpbbiViewforumDisplayTopics {
text-align:center;
background-color:#cfcfcf;
height:26px;
vertical-align:middle;
margin:0px 0px 2px 0px;
}
div.xphpbbiViewforumMarkTopicsReadParent {
}
div.xphpbbiViewforumMarkTopicsRead {
position:absolute;
width:50%;
left:0px;
}
div.xphpbbiViewforumTimezone {
position:relative;
width:50%;
left:50%;
text-align:right;
}
div.xphpbbiViewforumImgDeScription {
padding:5px 0px 0px 0px;
}
div.xphpbbiViewforumJumpbox {
width:65%;
position:absolute;
padding:5px 0px 0px 0px;
}
div.xphpbbiViewforumAuthList {
width:35%;
left:65%;
position:relative;
text-align:right;
}
/*************************************************************************************************************************/
/* Xphpbbi Modules View Topic Body */
div.xphpbbiViewtopicPostNewTopicParent {
height:24px;
}
div.xphpbbiViewtopicPostNewTopic {
position:absolute;
width:50%;
left:0px;
}
div.xphpbbiViewtopicPaginaton {
position:relative;
width:50%;
left:50%;
text-align:right;
white-space:nowrap;
padding:6px 0px 0px 0px;
}
div.xphpbbiViewtopicPollDisplay {
}
div.xphpbbiViewtopicHeaderTitle {
background-color:#669900;
color:#ffffff;
height:18px;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewtopicHeaderTitle a{
color:#ffffff;
}
div.xphpbbiViewtopicAuthor {
width:130px;
position:absolute;
left:0px;
}
div.xphpbbiViewtopicTopicTitle {
width:430px;
position:absolute;
left:130px;
white-space:nowrap;
}
div.xphpbbiViewtopicPreviousAndNextTopic {
width:200px;
position:relative;
left:560px;
text-align:right;
}
div.xphpbbiViewtopicPostAuthorHeader {
background-color:#97b94b;
}
div.xphpbbiViewtopicPostAuthorHeader a {
}
div.xphpbbiViewtopicHeaderTitle {
margin:0px 0px;
}
div.xphpbbiViewtopicPostBody {
background-color:#e5edd0;
}
div.xphpbbiViewtopicPosterName {
width:130px;
position:absolute;
left:0px;
}
div.xphpbbiViewtopicPostDate {
width:315px;
left:130px;
position:absolute;
}
div.xphpbbiViewtopicPostFunctionImg {
width:315px;
left:445px;
position:relative;
text-align:right;
white-space:nowrap;
}
div.xphpbbiViewtopicPostIcon {
position:absolute;
width:130px;
left:0px;
white-space:nowrap;
}
div.xphpbbiViewtopicPostTextBody {
position:relative;
left:130px;
width:630px;
font-size : 14px;
padding: 5px 2px 5px 2px;
line-height: 150%;
}
div.xphpbbiViewtopicPostTextLeft {
float:left;
width:630px;
}
div.xphpbbiViewtopicPostTextRight {
height:148px;
}
div.xphpbbiViewtopicPostEditAndSignature {
text-align:right;
}
div.xphpbbiViewtopicDisplayPost {
text-align:center;
height:24px;
background-color:#669900;
color:#ffffff;
}
div.xphpbbiViewtopicPostInfoHeader {
background-color:#afc974;
height:20px;
}
div.xphpbbiViewtopicBackToTop {
width:130px;
position:absolute;
left:0px;
text-align:center;
padding:2px 0px 0px 0px;
}
div.xphpbbiViewtopicPostInfoIcon {
width:630px;
position:relative;
left:130px;
}
div.xphpbbiViewtopicPageInfoParent {
margin:2px 0px;
}
div.xphpbbiViewtopicPageNumber {
width:305px;
position:absolute;
left:0px;
}
div.xphpbbiViewtopicWatchTopic {
width:150px;
position:absolute;
text-align:center;
left:305px;
}
div.xphpbbiViewtopicTimeZone {
width:305px;
position:relative;
text-align:right;
left:455px;
}
div.xphpbbiViewtopicFooterJumpboxAndAdminParent {
width:560px;
position:absolute;
left:0px;
padding:5px 0px 0px 0px;
}
div.xphpbbiViewtopicFooterAdminIcon {
padding:18px 0px 0px 0px;
}
div.xphpbbiViewtopicFooterAuthList {
width:200px;
position:relative;
left:560px;
text-align:right;
}
/*************************************************************************************************************************/
/* Xphpbbi Modules Footer */
div.xpbpbbiFooterAdminLInk {
text-align:center;
}


phpBB Templates overall_header.tpl 源码:

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset={S_CONTENT_ENCODING}">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
{META}
{NAV_LINKS}
<TITLE>{SITENAME} - {PAGE_TITLE}</TITLE>
<LINK REL="stylesheet" HREF="templates/Emerald-WebStandard/{T_HEAD_STYLESHEET}" TYPE="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<SCRIPT LANGUAGE="Javascript" TYPE="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</SCRIPT>
<!-- END switch_enable_pm_popup -->
<DIV ID="xphpbbiHeaderTop">
<DIV ID="xphpbbiHeaderTopImg"><A HREF="{U_INDEX}"><IMG SRC="templates/Emerald-WebStandard/images/top.gif" WIDTH="200" HEIGHT="100" BORDER="0"></A></DIV>
<DIV ID="xphpbbiHeaderLogo"><A HREF="{U_INDEX}"><IMG SRC="templates/Emerald-WebStandard/images/logo.gif" BORDER="0" ALIGN="top"></img></DIV>
<DIV ID="xphpbbiHeaderLink">
<A NAME="top"></A>
<!-- BEGIN switch_user_logged_in -->
<A HREF="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</A><A HREF="{U_PROFILE}">{L_PROFILE}</A>
<!-- END switch_user_logged_in -->
<A HREF="{U_FAQ}">{L_FAQ}</A>
<A HREF="{U_SEARCH}">{L_SEARCH}</A>
<!-- BEGIN switch_user_logged_in -->
<A HREF="{U_SEARCH_NEW}" >{L_SEARCH_NEW}</A> <A HREF="{U_SEARCH_SELF}" >{L_SEARCH_SELF}</A>
<!-- END switch_user_logged_in -->
<A HREF="{U_SEARCH_UNANSWERED}" >{L_SEARCH_UNANSWERED}</A>
</DIV>
</DIV>


phpBB Templates index_body.tpl 源码
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/106704/o_xphpbbi.index_body.tpl.jpg

<DIV ID="xphpbbiHeaderNav"><IMG SRC="templates/Emerald-WebStandard/images/lead.gif" WIDTH="16" HEIGHT="16" ALIGN="middle"> <A HREF="{U_INDEX}">{L_INDEX}</A></DIV>
<DIV CLASS="xphpbbiLForumHeader">
<DIV CLASS="xphpbbiLForum">{L_FORUM}</DIV>
<DIV CLASS="xphpbbiLTopics">{L_TOPICS}</DIV>
<DIV CLASS="xphpbbiLPosts">{L_POSTS}</DIV>
<DIV CLASS="xphpbbiLLastpost">{L_LASTPOST}</DIV>
</DIV>

<!-- BEGIN catrow -->
<DIV CLASS="xphpbbiForumCatName"><A HREF="{catrow.U_VIEWCAT}" >{catrow.CAT_DESC}</A></DIV>
<!-- BEGIN forumrow -->
<DIV>
<DIV CLASS="xphpbbiBodyImg">
<IMG SRC="{catrow.forumrow.FORUM_FOLDER_IMG}" WIDTH="46" HEIGHT="25" ALT="{catrow.forumrow.L_FORUM_FOLDER_ALT}" TITLE="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</DIV>
<DIV CLASS="xphpbbiBodyForumName" onMouseOver ="this.style.backgroundColor='#F3F4F5'" onMouseOut ="this.style.backgroundColor='#efefef'"><A HREF="{catrow.forumrow.U_VIEWFORUM}" >{catrow.forumrow.FORUM_NAME}</A>
{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_MODERATOR}{catrow.forumrow.MODERATORS}</DIV>
<DIV CLASS="xphpbbiBodyTopic">{catrow.forumrow.TOPICS}</DIV>
<DIV CLASS="xphpbbiBodyPosts">{catrow.forumrow.POSTS}</DIV>
<DIV CLASS="xphpbbiBodyLastPost">{catrow.forumrow.LAST_POST}</DIV>
<!-- END forumrow -->
<!-- END catrow -->
</DIV>
<DIV CLASS="xphpbbiBodyMarkParent">
<DIV CLASS="xphpbbiBodyMark"><A HREF="{U_MARK_READ}">{L_MARK_FORUMS_READ}</A></DIV>
<DIV CLASS="xphpbbiBodyTimeZone">{S_TIMEZONE}</DIV>
</DIV>
<DIV CLASS="xphpbbiBodyOnline"><A HREF="{U_VIEWONLINE}" >{L_WHO_IS_ONLINE}</A></DIV>
<DIV CLASS="xphpbbiOnlineParent">
<DIV CLASS="xpbpbbiBodyWhoIsOnlineImg"><IMG SRC="templates/Emerald-WebStandard/images/whosonline.gif" ALT="{L_WHO_IS_ONLINE}" /></DIV>
<DIV CLASS="xpbpbbiBodyWhoIsOnlineInfo">
<DIV CLASS="xphpbbiBodyMemberStat">{TOTAL_POSTS}<BR />{TOTAL_USERS}<BR />{NEWEST_USER}</DIV>
<DIV CLASS="xpbpbbiBodyOnlineStat">{TOTAL_USERS_ONLINE} [ {L_WHOSONLINE_ADMIN} ] [ {L_WHOSONLINE_MOD} ]<BR />{RECORD_USERS}<BR />{LOGGED_IN_USER_LIST}<BR>{L_ONLINE_EXPLAIN}</DIV>
</DIV>
</DIV>
<DIV CLASS="xphpbbiBodyImgExplain">
<IMG SRC="templates/Emerald-WebStandard/images/folder_new.gif" ALT="{L_NEW_POSTS}"/>{L_NEW_POSTS} 
<IMG SRC="templates/Emerald-WebStandard/images/folder.gif" ALT="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}
 <IMG SRC="templates/Emerald-WebStandard/images/folder_lock.gif" ALT="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}
</DIV>


phpBB Templates viewforum_body.tpl 源码:
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/106704/o_xphpbbi.viewforum_body.tpl.jpg

<DIV ID="xphpbbiHeaderNav"><IMG SRC="templates/Emerald-WebStandard/images/lead.gif" WIDTH="16" HEIGHT="16" ALIGN="middle"> <A HREF="{U_INDEX}">{L_INDEX}</A> -&gt; <A HREF="{U_VIEW_FORUM}" CLASS="nav">{FORUM_NAME}</A></DIV>
<DIV CLASS="xphpbbiViewforumBodyMdmberInfo">
<DIV CLASS="xpppbbiUserList">{LOGGED_IN_USER_LIST}</DIV>
<DIV CLASS="xphpbbiModerators">{L_MODERATOR}: {MODERATORS} </DIV>
</DIV>
<DIV CLASS="xphpbbiViewforumPostNewTopicParent">
<DIV CLASS="xphpbbiViewforumPostNewTopic"><A HREF="{U_POST_NEW_TOPIC}"><IMG SRC="{POST_IMG}" BORDER="0" ALT="{L_POST_NEW_TOPIC}" /></A></DIV>
<DIV CLASS="xphpbbiPaginaton">{PAGINATION}</DIV>
</DIV>
<DIV CLASS="xphpbbiViewforumHeaderTitle">
<DIV CLASS="xphpbbiViewforumTopics">{L_TOPICS}</DIV>
<DIV CLASS="xphpbbiViewforumAuthor">{L_AUTHOR}</DIV>
<DIV CLASS="xphpbbiViewforumViews">{L_VIEWS}</DIV>
<DIV CLASS="xphpbbiViewforumReplies">{L_REPLIES}</DIV>
<DIV CLASS="xphpbbiViewforumLastpost">{L_LASTPOST}</DIV>
</DIV>
<FORM METHOD="post" ACTION="{S_POST_DAYS_ACTION}">
<!-- BEGIN topicrow -->
<DIV CLASS="xphpbbiViewforumMainPostBody">
<DIV CLASS="xphpbbiViewforumTopicImg"><IMG SRC="{topicrow.TOPIC_FOLDER_IMG}" WIDTH="19" HEIGHT="18" ALT="{topicrow.L_TOPIC_FOLDER_ALT}" TITLE="{topicrow.L_TOPIC_FOLDER_ALT}" />
</DIV>
<DIV CLASS="xphpbbiViewforumTopicTitle" onMouseOver ="this.style.backgroundColor='#F3F4F5'" onMouseOut ="this.style.backgroundColor='#efefef'" >
{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<A HREF="{topicrow.U_VIEW_TOPIC}">{topicrow.TOPIC_TITLE}</A>{topicrow.GOTO_PAGE}
</DIV>
<DIV CLASS="xphpbbiViewforumTopicAuthor">{topicrow.TOPIC_AUTHOR}</DIV>
<DIV CLASS="xphpbbiViewforumTopicViews">{topicrow.VIEWS}</DIV>
<DIV CLASS="xphpbbiViewforumTopicReplies">{topicrow.REPLIES}</DIV>
<DIV CLASS="xphpbbiViewforumTopicLastpostTime">{topicrow.LAST_POST_TIME}<BR />{topicrow.LAST_POST_AUTHOR} {topicrow.LAST_POST_IMG}</DIV>
</DIV>
<!-- END topicrow -->
<!-- BEGIN switch_no_topics -->
<DIV CLASS="xphpbbiViewforumNoTopics">{L_NO_TOPICS}</DIV>
<!-- END switch_no_topics -->
<DIV CLASS="xphpbbiViewforumDisplayTopics">
{L_DISPLAY_TOPICS}:{S_SELECT_TOPIC_DAYS}<INPUT TYPE="submit" CLASS="liteoption" VALUE="{L_GO}" NAME="submit" />
</DIV>
<DIV CLASS="xphpbbiViewforumMarkTopicsReadParent">
<DIV CLASS="xphpbbiViewforumMarkTopicsRead"><A HREF="{U_MARK_READ}">{L_MARK_TOPICS_READ}</A></DIV>
<DIV CLASS="xphpbbiViewforumTimezone">{S_TIMEZONE}</DIV>
</DIV>
<DIV CLASS="xphpbbiViewforumPostNewTopicParent">
<DIV CLASS="xphpbbiViewforumPostNewTopic"><A HREF="{U_POST_NEW_TOPIC}"><IMG SRC="{POST_IMG}" BORDER="0" ALT="{L_POST_NEW_TOPIC}" /></A></DIV>
<DIV CLASS="xphpbbiPaginaton">{PAGINATION}</DIV>
</DIV>
</FORM>
<DIV CLASS="xphpbbiviewforumJumpboxAndAuthList">
<DIV CLASS="xphpbbiViewforumJumpbox">
{JUMPBOX}
<DIV CLASS="xphpbbiViewforumImgDeScription">
<IMG SRC="{FOLDER_NEW_IMG}" ALT="{L_NEW_POSTS}" WIDTH="19" HEIGHT="18" />{L_NEW_POSTS}
<IMG SRC="{FOLDER_IMG}" ALT="{L_NO_NEW_POSTS}" WIDTH="19" HEIGHT="18" />{L_NO_NEW_POSTS}
<IMG SRC="{FOLDER_ANNOUNCE_IMG}" ALT="{L_ANNOUNCEMENT}" WIDTH="19" HEIGHT="18" />{L_ANNOUNCEMENT}
<IMG SRC="{FOLDER_HOT_NEW_IMG}" ALT="{L_NEW_POSTS_HOT}" WIDTH="19" HEIGHT="18" />{L_NEW_POSTS_HOT}
<BR />
<IMG SRC="{FOLDER_HOT_IMG}" ALT="{L_NO_NEW_POSTS_HOT}" WIDTH="19" HEIGHT="18" />{L_NO_NEW_POSTS_HOT}
<IMG SRC="{FOLDER_STICKY_IMG}" ALT="{L_STICKY}" WIDTH="19" HEIGHT="18" />{L_STICKY}
<IMG SRC="{FOLDER_LOCKED_NEW_IMG}" ALT="{L_NEW_POSTS_LOCKED}" WIDTH="19" HEIGHT="18" />{L_NEW_POSTS_LOCKED}
<IMG SRC="{FOLDER_LOCKED_IMG}" ALT="{L_NO_NEW_POSTS_LOCKED}" WIDTH="19" HEIGHT="18" />{L_NO_NEW_POSTS_LOCKED}
</DIV>
</DIV>
<DIV CLASS="xphpbbiViewforumAuthList">{S_AUTH_LIST}</DIV>
</DIV>

 



phpBB Templates viewtopic_body.tpl 源码:
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/106704/o_xphpbbi.viewtopic_body.tpl.jpg

<DIV ID="xphpbbiHeaderNav"><IMG SRC="templates/Emerald-WebStandard/images/lead.gif" WIDTH="16" HEIGHT="16" ALIGN="middle"> <A HREF="{U_INDEX}">{L_INDEX}</A> -&gt; <A HREF="{U_VIEW_FORUM}" >{FORUM_NAME}</A> -&gt; <A HREF="{U_VIEW_TOPIC}">{TOPIC_TITLE}</A></DIV>
<DIV CLASS="xphpbbiViewtopicPostNewTopicParent">
<DIV CLASS="xphpbbiViewtopicPostNewTopic"><A HREF="{U_POST_NEW_TOPIC}"><IMG SRC="{POST_IMG}" BORDER="0" ALT="{L_POST_NEW_TOPIC}" ALIGN="middle" /></A><A HREF="{U_POST_REPLY_TOPIC}"> &nbsp;<IMG SRC="{REPLY_IMG}" BORDER="0" ALT="{L_POST_REPLY_TOPIC}" ALIGN="middle" /></A></DIV>
<DIV CLASS="xphpbbiViewtopicPaginaton"><A CLASS="maintitle" HREF="{U_VIEW_TOPIC}">
{PAGINATION}</A></DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicPollDisplay">{POLL_DISPLAY}</DIV>
<DIV CLASS="xphpbbiViewtopicHeaderTitle">
<A NAME="top"></A>
<DIV CLASS="xphpbbiViewtopicAuthor">{L_AUTHOR}</DIV>
<DIV CLASS="xphpbbiViewtopicTopicTitle">{L_POST_SUBJECT}: <A HREF="{U_VIEW_TOPIC}">{TOPIC_TITLE}</A></DIV>
<DIV CLASS="xphpbbiViewtopicPreviousAndNextTopic"><A HREF="{U_VIEW_OLDER_TOPIC}" >{L_VIEW_PREVIOUS_TOPIC}</A> :: <A HREF="{U_VIEW_NEWER_TOPIC}" >{L_VIEW_NEXT_TOPIC}</A></DIV>
</DIV>
<!-- BEGIN postrow -->
<DIV CLASS="xphpbbiViewtopicPostAuthorHeader">
<DIV CLASS="xphpbbiViewtopicPosterName"><A NAME="{postrow.U_POST_ID}">{postrow.POSTER_NAME}</A></DIV>
<DIV CLASS="xphpbbiViewtopicPostDate"><A HREF="{postrow.U_MINI_POST}"><IMG SRC="{postrow.MINI_POST_IMG}" WIDTH="12" HEIGHT="9" ALT="{postrow.L_MINI_POST_ALT}" TITLE="{postrow.L_MINI_POST_ALT}" BORDER="0" />{L_POSTED}: {postrow.POST_DATE}</A></DIV>
<DIV CLASS="xphpbbiViewtopicPostFunctionImg">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicPostBody">
<DIV CLASS="xphpbbiViewtopicPostIcon">
{postrow.POSTER_RANK}<BR />
{postrow.RANK_IMAGE}<BR />
{postrow.POSTER_AVATAR}<BR />
{postrow.POSTER_JOINED}<BR />
{postrow.POSTER_POSTS}<BR />
{postrow.POSTER_FROM}
</DIV>
<DIV CLASS="xphpbbiViewtopicPostTextBody">
<DIV CLASS="xphpbbiViewtopicPostTextLeft">
{postrow.MESSAGE}
</DIV>
<DIV CLASS="xphpbbiViewtopicPostTextRight"></DIV>
<DIV CLASS="xphpbbiViewtopicPostEditAndSignature">{postrow.EDITED_MESSAGE}{postrow.SIGNATURE}</DIV>
</DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicPostInfoHeader">
<DIV CLASS="xphpbbiViewtopicBackToTop"><A HREF="#top">{L_BACK_TO_TOP}</A></DIV>
<DIV CLASS="xphpbbiViewtopicPostInfoIcon">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG} {postrow.ICQ_IMG}</DIV>
</DIV>
<!-- END postrow -->
<DIV CLASS="xphpbbiViewtopicDisplayPost">
<FORM METHOD="post" ACTION="{S_POST_DAYS_ACTION}">
{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS} {S_SELECT_POST_ORDER}
<INPUT TYPE="submit" VALUE="{L_GO}" CLASS="liteoption" NAME="submit" />
</FORM>
</DIV>
<DIV CLASS="xphpbbiViewtopicPostNewTopicParent">
<DIV CLASS="xphpbbiViewtopicPostNewTopic"><A HREF="{U_POST_NEW_TOPIC}"><IMG SRC="{POST_IMG}" BORDER="0" ALT="{L_POST_NEW_TOPIC}" ALIGN="middle" /></A><A HREF="{U_POST_REPLY_TOPIC}"> &nbsp;<IMG SRC="{REPLY_IMG}" BORDER="0" ALT="{L_POST_REPLY_TOPIC}" ALIGN="middle" /></A></DIV>
<DIV CLASS="xphpbbiViewtopicPaginaton"><A CLASS="maintitle" HREF="{U_VIEW_TOPIC}">
{PAGINATION}</A></DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicPageInfoParent">
<DIV CLASS="xphpbbiViewtopicPageNumber">{PAGE_NUMBER}</DIV>
<div CLASS="xphpbbiViewtopicWatchTopic">{S_WATCH_TOPIC}</div>
<DIV CLASS="xphpbbiViewtopicTimeZone">{S_TIMEZONE}</DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicFooter">
<DIV CLASS="xphpbbiViewtopicFooterJumpboxAndAdminParent">
{JUMPBOX}
<DIV CLASS="xphpbbiViewtopicFooterAdminIcon">{S_TOPIC_ADMIN}</DIV>
</DIV>
<DIV CLASS="xphpbbiViewtopicFooterAuthList">{S_AUTH_LIST}</DIV>
</DIV>



phpBB Templates overall_footer.tpl 源码:
<div class="xpbpbbiFooterAdminLInk">{ADMIN_LINK}</div>


/****************************************************************\
*
* author : Emerald<[email protected]>
*
* homepage : http://gi.2288.org:88/
*
* Seo-Gi : http://seo.2288.org:99
*
* sitename : 绿色学院 - Green Institute
*
* date : 2005-3-18 4:23:43
*
\****************************************************************/

本文地址:http://com.8s8s.com/it/it30735.htm