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

最新推荐文章于 2020-01-29 20:04:32 发布

btbtd

最新推荐文章于 2020-01-29 20:04:32 发布

阅读量2k

点赞数

文章标签： web class div border templates timezone

本文链接：https://blog.csdn.net/btbtd/article/details/322754

版权

Me xhtml & css 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

Me Xoops

15 篇文章 0 订阅

订阅专栏

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

<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>
 href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
 rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/web.standard.x-forum.css" />

<{$xoops_module_header}>
<script type="text/javascript">

</script>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<div id="bannerWS"><{$xoops_banner}> </DIV>

<div id="headerWS">
		<div class="logoWS">
			<A href="http://blog.csdn.net/" target="_self"><img src="/images/logo.gif" οnlοad="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="http://blog.csdn.net/modules/T-TechTools/index.htm">CodeConvert</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_pagerank.htm">PageRank</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_HZZPY.htm">HZZPY</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_ASCIIArtist.htm">ASCII</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_Calendar.htm">Calendar</a>  
				<A href="http://blog.csdn.net/modules/GI-Tools/GI-Tools_Weather.htm">Weather</a>  
				<a href="http://gi.2288.org:88/t/google/cheat_Google.php" rel="nofollow" >GoogleCheat</a>  
				<a href="http://zh.2288.org:66/index.htm" rel="nofollow">ZH</a>  
				<a href="http://seo.2288.org:99/index.htm" rel="nofollow" >SEO-GI</a>	
				<br />
				<A href="http://blog.csdn.net/modules/YahooNews/" id="refresh10">YNews!</a>
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_5.htm" >P5</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_6.htm" >P6</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_7.htm" >P7</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_8.htm" >P8</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_9.htm" >P9</a>  
				<A href="http://blog.csdn.net/modules/Google_Cheat/index_10.htm" >P10</a>
			</DIV>
			<div class="domainWS">首选: <a href="http://gi.it.to/" rel="nofollow">http://gi.it.to/ </a> 备用: <a href="http://gi.qq.to/" rel="nofollow">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="http://blog.csdn.net/" target="_self">首页</a> 
							<A href="http://blog.csdn.net/modules/news/index.htm" target="_self">新闻</a> 
							<A href="http://blog.csdn.net/modules/wfdownloads/index.htm" target="_self">下载</a> 
							<A href="http://blog.csdn.net/modules/mydownloads/index.htm" target="_self">源码</a> 
							<A href="http://blog.csdn.net/modules/myalbum/index.htm" target="_self">图片</a> 
							<A href="http://blog.csdn.net/modules/AMS/index.htm" target="_self">文章</a> 
							<A href="http://blog.csdn.net/modules/booklists/index.htm" target="_self">图书</a> 
							<A href="http://blog.csdn.net/modules/xphpbbi/index.htm" target="_self">交流</a> 
							<A href="http://blog.csdn.net/modules/newbb/index.htm" target="_self">技术</a> 
							<A href="http://blog.csdn.net/modules/digest/index.htm" target="_self">0Day</a> 
							<A href="http://blog.csdn.net/modules/wordbook/index.htm" target="_self">辞典</a>  
							<A href="http://blog.csdn.net/modules/dictionary/index.htm" target="_self">搜客</a> 
							<A href="http://blog.csdn.net/modules/xmline/index.htm" target="_self">网摘</a> 
							<A href="http://blog.csdn.net/modules/GI-Tools/index.htm" target="_self">工具</a> 
							<A href="http://blog.csdn.net/modules/xoopsodp/" target="_self">ODP</a> 
							<A href="http://blog.csdn.net/modules/sitemap/index.htm" target="_self">地图</a> 
							<A href="http://blog.csdn.net/modules/lykos_syndication/index.htm" target="_self">RSS</a> 
			</DIV>
		</DIV>
</DIV> 


<div id="englishMenuWS">
			<A href="http://blog.csdn.net/" target="_self">Home</a> 
			<A href="http://blog.csdn.net/modules/news/index.htm" target="_self">News</a> 
			<A href="http://blog.csdn.net/modules/wfdownloads/index.htm" target="_self">Downloads</a> 
			<A href="http://blog.csdn.net/modules/mydownloads/index.htm" target="_self">Xoops</a> 
			<A href="http://blog.csdn.net/modules/myalbum/index.htm" target="_self">Photo</a> 
			<A href="http://blog.csdn.net/modules/AMS/index.htm" target="_self">Article</a> 
			<A href="http://blog.csdn.net/modules/booklists/index.htm" target="_self">Books</a> 
			<A href="http://blog.csdn.net/modules/xphpbbi/index.htm" target="_self">BBS</a> 
			<A href="http://blog.csdn.net/modules/newbb/index.htm" target="_self">Forum</a> 
			<A href="http://blog.csdn.net/modules/digest/index.htm" target="_self">0Day</a> 
			<A href="http://blog.csdn.net/modules/wordbook/index.htm" target="_self">Glossary</a> 
			<A href="http://blog.csdn.net/modules/dictionary/index.htm" target="_self">GHDB</a> 
			<A href="http://blog.csdn.net/modules/xmline/index.htm" target="_self">Digest</a> 
			<A href="http://blog.csdn.net/modules/GI-Tools/index.htm" target="_self">Tools</a> 
			<A href="http://blog.csdn.net/modules/xoopsodp/" target="_self">ODP</a> 
			<A href="http://blog.csdn.net/modules/sitemap/index.htm" target="_self">Sitemap</a> 
			<A href="http://blog.csdn.net/modules/lykos_syndication/index.htm" target="_self">RSS</a>
</DIV>


<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" rel="nofollow" target="_self">会员信息</a>, 
				 <a href="<{$xoops_url}>/user.php?op=logout" rel="nofollow" target="_self">退出登陆</a>. 
				 <A href="http://blog.csdn.net/modules/xcgal/" target="_self">相册</a> 
				 <A href="http://blog.csdn.net/modules/piCal/" target="_self">日程</a> 
				 <A href="http://blog.csdn.net/modules/dms/" target="_self">文档</a> 
				 <A href="http://blog.csdn.net/modules/BopComments/" target="_self">综合</a>. <{else}> 
				 <a href="<{$xoops_url}>/register.php" rel="nofollow" target="_self">用户注册!</a>  
				 绿色学院 - Green Institute! <{/if}><{if $xoops_isuser}><{else}> 
				 <a href="<{$xoops_url}>/user.php" rel="nofollow" target="_self">会员登陆!</a> 
			<{/if}>
		</DIV>
		<div class="linksContactAndOtherWS">
				<script type="text/javascript" src="<{$xoops_url}>/js/QqGroup.js"></script>
				<A href="http://blog.csdn.net/modules/mylinks/index.htm" target="_self">链接</a> 
				<A href="http://blog.csdn.net/modules/liaise/index.htm" target="_self">联系</a>
		</DIV>
</DIV> 

<div id="content">
<div class="contentFloatLeft0px"></DIV>
<div class="contentFloatRight760px"><{$xoops_contents}></DIV>
</DIV>
<div id="footerWS"><{$xoops_footer}></DIV>

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>

<DIV CLASS="xphpbbiForumCatName"><A HREF="{catrow.U_VIEWCAT}" >{catrow.CAT_DESC}</A></DIV>

<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>


</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<btbtd@yahoo.com.cn>
*
* homepage : http://gi.2288.org:88/
*
* Seo-Gi : http://seo.2288.org:99
*
* sitename : 绿色学院 - Green Institute
*
* date : 2005-3-18 4:23:43
*
/****************************************************************/

btbtd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Xoops Xphpbbi Modules (模块) 重构 ( Web Standard) 之不完全篇 By Emerald 绿色学院 - Green Institute

绿色学院 - green institute - 不听人间乐 - 想得到 - 做得到 - xoops<!--.table { font-size: 12px; line-height: 150%; font-weight: normal; font-variant: normal; text-transform:
复制链接

扫一扫