Xoops Newbb Modules 标准化 (Web Standard) 全过程 by Emerald 绿色学院 - Green Institute

最新推荐文章于 2005-03-18 04:38:00 发布

btbtd

最新推荐文章于 2005-03-18 04:38:00 发布

阅读量2.7k

点赞数

文章标签： web class div include float input

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

版权

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

32 篇文章 0 订阅

订阅专栏

Me Xoops

15 篇文章 0 订阅

订阅专栏

Xoops Newbb Modules 标准化 (Web Standard) 全过程 by Emerald 绿色学院 - Green Institute
PS: 这是我的备忘录., 其中使用的技巧我不想解说,也不想回答任何问题.

对应的模板： themes/Emerald-Forum

theme.html 　源码

<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_themecss}>" />

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

style.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: #eeeeee;}
.even, td.even, tr.even, div.even { background-color: #DDE1DE;}
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;
	}
/*************************************************************************************************************************/
/* Google Ad, Site footer */
div#googleAd{
	width:120px;
	position: absolute;
	top: 0px;
	right: 0px;
	white-space: nowrap;
	}
/*************************************************************************************************************************/
*
*	Xoops Newbb Modules By Emerald 绿色学院 - Green Institute	http://gi.2288.org:88/
*
/*************************************************************************************************************************/
/*************************************************************************************************************************/
/* Newbb Header */ 
div#newbbHeaderTop {
	width:760px;
	background-color:#669900;
	}
div#newbbHeaderTopImg {
	float:left;
	position: relative;
	left: 0px;
	}
div#newbbHeaderLogo {
	text-align:right;
	}
div#newbbHeaderLink, div#newbbHeaderLink a{
	text-align:right;
	color:#ffffff;
	margin:15px 0px 0px 0px;
	}
div#newbbHeaderLink a:hover{
	}
div#newbbHeaderNav {
	white-space:nowrap;
	}
/*************************************************************************************************************************/
/* Newbb Body */
div.newbbMdForum {
	width:510px;
	background-color:#669900;
	color:#ffffff;
	left: 0px;
	text-align:center;
	position: absolute;
	}
div.newbbMdTopics {
	width:50px;
	background-color:#669900;
	color:#ffffff;
	left: 510px;
	position: absolute;
	text-align:center;
	}
div.newbbMdPosts {
	width:50px;
	background-color:#669900;
	color:#ffffff;
	right: 150px;
	position: absolute;
	text-align:center;
	}
div.newbbMdLastpost {
	width:150px;
	background-color:#669900;
	color:#ffffff;
	left: 610xpx;
	float:right;
	text-align:center;
	}
div.newbbBodyCatTitle {
	width:100%;
	background-color:#cfcfcf;
	text-align:center;
	}
div.newbbBodyForumFolder {
	width:150px;
	text-align:center;
	background-color:#efefef;
	position:absolute;
	left:0px;
	height:45px;
	}
div.newbbBodySubForumFolder  {
	width:150px;
	text-align:center;
	background-color:#efefef;
	position:absolute;
	left:0px;
	height:63px;
	}
div.newbbBodyForumSubforum {
	width:760px;
	margin:0px 0px 0px 150px;
	position:relative;
	padding:0px 0px 2px 0px;
	background-color:#efefef;
	}
div.newbbBodyForumName {
	width:360px;
	position:absolute;
	left:150px;
	height:45px;
	background-color:#efefef;
	}
div.newbbBodyForumTopics {
	width:50px;
	left:510px;
	text-align:center;
	position:absolute;
	background-color:#dedede;
	height:45px;
	}
div.newbbBodyForumPosts {
	width:50px;
	left:560px;
	text-align:center;
	position:absolute;
	background-color:#dedede;
	height:45px;
	}
div.newbbBodyLastpostInfo {
	width:150px;
	left:610px;
	text-align:right;
	position:relative;
	background-color:#dedede;
	height:45px;
	}
div#newbbBodyMarkForum {
	background-color:#669900;
	left:0px;
	width:100%;
	}
div#newbbBodyMarkForum a {
	color:#ffffff;
	}
div#newbbBodyOnline {
	width:222px;
	height:78px;
	float:left;
	}
div#newbbBodyImgDescription {
	position:absolute;
	left:222px;
	margin:32px 0px 0px -20px;
	}
/*************************************************************************************************************************/
/* Newbb Viewforum */
div.newbbViewforumMdSubForum {
	width:510px;
	background-color:#669900;
	color:#ffffff;
	left: 0px;
	text-align:center;
	position: absolute;
	}
div.newbbViewforumMdTopics {
	width:50px;
	background-color:#669900;
	color:#ffffff;
	left: 510px;
	position: absolute;
	text-align:center;
	}
div.newbbViewforumMdPosts {
	width:50px;
	background-color:#669900;
	color:#ffffff;
	right: 150px;
	position: absolute;
	text-align:center;
	}
div.newbbViewforumMdLastpost {
	width:150px;
	background-color:#669900;
	color:#ffffff;
	left: 610px;
	float:right;
	text-align:center;
	}
div.newbbViewforumForumFolder {
	width:150px;
	text-align:center;
	background-color:#efefef;
	position:absolute;
	left:0px;
	height:45px;
	}
div.newbbViewforumForumName {
	width:360px;
	position:absolute;
	left:150px;
	height:45px;
	background-color:#efefef;
	}
div.newbbViewforumForumTopics {
	width:50px;
	left:510px;
	text-align:center;
	position:absolute;
	background-color:#dedede;
	height:45px;
	}
div.newbbViewforumForumPosts {
	width:50px;
	left:560px;
	text-align:center;
	position:absolute;
	background-color:#dedede;
	height:45px;
	}
div.newbbViewforumLastpostInfo {
	width:150px;
	left:610px;
	text-align:right;
	position:relative;
	background-color:#dedede;
	height:45px;
	}
div.newbbViewforumAddPostAndPageNavTop {
	height:25px;
	}
div.newbbViewforumAddpollPostOrRegister {
	position: absolute;
	width: 80%;
	left: 0px;
	margin:0px 0px 12px 0px;
	}
div.newbbViewforumPageNav {
	float:right;
	margin:0px 0px 12px 0px;
	padding:3px 0px 0px 0px;
	}
div.newbbViewforumForumNameParent {
	width:760px;
	background-color:#669900;
	text-align:center;
	color:#ffffff;
	}
div.newbbViewforumMdAll1 {
	background-color:#dfe2e6;
	padding:1px 0px 0px 0px;
	font-weight:bold;
	}
div.newbbViewforumMdTopics2 {
	position:absolute;
	width:380px;
	text-align:center;
	left:0px;
	background-color:#dfe2e6;
	}
div.newbbViewforumMdPoster {
	position:absolute;
	width:80px;
	text-align:center;
	left:380px;
	background-color:#dfe2e6;
	}
div.newbbViewforumMdReplies {
	position:absolute;
	width:50px;
	text-align:center;
	left:460px;
	background-color:#dfe2e6;
	}
div.newbbViewforumMdViews {
	position:absolute;
	width:50px;
	text-align:center;
	left:510px;
	background-color:#dfe2e6;
	}
div.newbbViewforumMdRatings {
	position:absolute;
	width:50px;
	text-align:center;
	left:560px;
	background-color:#dfe2e6;
	}
div.newbbViewforumMddate {
	position:absolute;
	width:150px;
	text-align:center;
	left:610px;
	background-color:#dfe2e6;
	}
div.newbbViewforumTopicFolder {
	position:absolute;
	width:50px;
	left:0px;
	text-align:center;
	background-color:#efefef;
	height:46px;
	}
div.newbbViewforumTopicIcon {
	position:absolute;
	width:50px;
	left:50px;
	text-align:center;
	background-color:#efefef;
	height:46px;
	}
div.newbbViewforumTopicsTitle {
	position:absolute;
	width:360px;
	left:100px;
	white-space:nowrap;
	background-color:#efefef;
	height:46px;
	}
div.newbbViewforumTopicPoster {
	position:absolute;
	width:80px;
	left:380px;
	margin:24px 0px 0px 0px;
	text-align:center;
	}
div.newbbViewforumTopicReplies {
	position:absolute;
	width:50px;
	left:460px;
	text-align:center;
	height:46px;
	background-color:#dedede;
	}
div.newbbViewforumTopicViews {
	position:absolute;
	width:50px;
	left:510px;
	text-align:center;
	height:46px;
	background-color:#dedede;
	}
div.newbbViewforumTopicRating {
	position:absolute;
	width:50px;
	left:560px;
	text-align:center;
	height:46px;
	background-color:#dedede;
	}
div.newbbViewforumTopicLastpost {
	position:relative;
	width:150px;
	left:610px;
	text-align:right;
	height:46px;
	background-color:#dedede;
	}
div.newbbViewforumCommonTopics {
	background-color:#cfcfcf;
	text-align:center;
	width:100%;
	font-weight:bold;
	}
div.newbbViewforumMdImTopics {
	background-color:#cfcfcf;
	text-align:center;
	width:100%;
	margin:14px 0px 0px 0px;
	font-weight:bold;
	}
div.newbbViewforumSelectionForm {
	text-align:center;
	background-color:#cfcfcf;
	vertical-align:middle;
	}
div#newbbViewforumMarkForum {
	background-color:#669900;
	left:0px;
	width:100%;
	}
div#newbbViewforumMarkForum a {
	color:#ffffff;
	}
div.newbbViewforumJumboxAndOnline {
	position: absolute;
	width: 80%;
	left: 0px;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	}
div.newbbViewforumPermissionTable {
	float:right;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	}
div.newbbViewforumDescriptionImg {
	text-align:right;
	padding:2px 0px;
	margin:-60px 0px 0px -48px;
	}
/*************************************************************************************************************************/
/* Newbb Viewtopic Flat */
div.newbbViewtopicOnline {
	padding:2px;
	}
div.newbbViewtopicAddPostAndPageNavTop {
	height:25px;
	}
div.newbbViewtopicAddpollPostOrRegister {
	position: absolute;
	width: 80%;
	left: 0px;
	margin:0px 0px 0px 0px;
	}
div.newbbViewtopicPageNav {
	float:right;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	}
div.newbbViewtopicMainHeader {
	width:760px;
	line-height:24px;
	background-color:#669900;
	color:#ffffff;
	}
div.newbbViewtopicMainHeader a {
	background-color:#669900;
	color:#ffffff;
	}
div.newbbViewtopicMdposter {
	position:absolute;
	width:130px;
	left:0px;
	margin:0px 0px 12px 0px;
	}
div.newbbViewtopicDown2 {
	position:absolute;
	width:110px;
	left:110px;
	margin:0px 0px 12px 0px;
	}
div.newbbViewtopicMdthreadTopicTitle {
	position:absolute;
	width:422px;
	left:130px;
	white-space:nowrap;
	}
div.newbbViewtopicViewStylePN{
	text-align:right;
	}
div.newbbViewtopicRateRadioParent, div.newbbViewtopicRateRadioParent a{
	height:20px;
	background-color:#669900;
	color:#ffffff;
	}
div.newbbViewtopicRateRadio {
	float:left;
	}
div.newbbViewtopicPrevNextTopicDwon {
	text-align:right;
	vertical-align:middle;
	padding:3px 0px 0px 0px;
	}
div.newbbViewtopicJumpboxAndManageIcon {
	position:absolute;
	width:50%;
	left:0px;
	padding:24px 0px 0px 0px;
	}
div.newbbViewtopicPermissionTable {
	float:right;
	text-align:right;
	}
div.newbbViewtopicPageNavDown {
	}
div.newbbViewtopicAddpollPostOrRegisterDown {
	float:left;
	}
/*************************************************************************************************************************/
/* Newbb Thread */
div.newbbViewtopicThreadHeader {
	height:18px;
	vertical-align:middle;
	background-color:#87af38;
	font-weight:bold;
	}
div.newbbViewtopicThreaedPoster {
	position:absolute;
	left:0px;
	width:130px;
	} 
div.newbbViewtopicThreaedPostDate {
	position:absolute;
	left:130px;
	padding:2px 0px 0px 0px;
	} 
div.newbbViewtopicThreaedBottons {
	position:relative;
	left:430px;
	width:330px;
	text-align:right;
	}
div.newbbViewtopicThreadPostBody {
	background-color:#e5edd0;
	}
div.newbbViewtopicThreadPosterInfo {
	position:absolute;
	width:130px;
	left:0px;
	padding:0px 0px 0px 2px;
	white-space:nowrap;
	}
div.newbbViewtopicThreadPostBodyText {
	width:630px;
	left:130px;
	position:relative;
	}
div.newbbViewtopicThreadPostCount {
	text-align:right;
	}
div.newbbViewtopicThreadPostText {
	padding:2px;
	font-size:14px;
	}
div.newbbViewtopicThreadPostTextLeft {
	float:left;
	}
div.newbbViewtopicThreadPostTextRight {
	height:180px;
	}
div.newbbViewtopicThreadPostAttachment {
	text-align:center;
	}
div.newbbViewtopicThreadPostEdit {
	text-align:right;
	}
div.newbbViewtopicThreadPostSignature {
	text-align:right;
	}
div.newbbViewtopicThreadHeight {
	float:right;
	height:80px;
	width:1px;
	}
div.newbbViewtopicThreadDown {
	height:20px;
	background-color:#afc974;
	}
div.newbbViewtopicThreadFunctionImg {
	position:absolute;
	width:130px;
	left:0px;
	}
div.newbbViewtopicthreadUP {
	float:right;
	width:22px;
	}
div.newbbViewtopicThreadUserbar {
	position:absolute;
	width:500px;
	left:130px;
	white-space:nowrap;
	}
div.newbbViewtopicThreadPosterIp {
	position:relative;
	left:630px;
	width:130px;
	white-space:nowrap;
	text-align:right;
	padding:0px 2px 0px 0px;
	}
/*************************************************************************************************************************/
/* Newbb Viewtopic Thread Tree */
div.newbbViewtopicThreadTreeSubject {
	position:absolute;
	width:530px;
	left:0px;
	text-align:center;
	}
div.newbbViewtopicThreadTreeMdPoster {
	position:absolute;
	width:80px;
	left:530px;
	}
div.newbbViewtopicThreadTreeMdDate {
	position:relative;
	width:150px;
	left:610px;
	text-align:right;
	}
div.newbbViewtopicThreadTreePostTitle {
	position:absolute;
	width:530px;
	left:0px;
	text-align:center;
	white-space:nowrap;
	}
div.newbbViewtopicThreadTreePoster {
	position:absolute;
	width:80px;
	left:530px;
	}
div.newbbViewtopicThreadPostTime {
	position:relative;
	width:150px;
	left:610px;
	text-align:right;
	}
/*************************************************************************************************************************/
/* Newbb Online */
div.newbbOnlineTotal {
	font-weight:bold;
	padding:2px 0px 0px 0px;
	}
div.newbbOnlineImage {
	float:left;
	padding:4px 0px 0px 0px;
	}
div.NewbbOnlineInfo {
	padding:4px 0px 0px 0px;
	}

效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/95726/o_newbb.index.jpg

Newbb_index.html 源码
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/95726/o_newbb.index.jpg

<!-- start module contents -->
<{include file="db:newbb_header.html" }>
<div>
	<DIV CLASS="newbbMdForum"><{$smarty.const._MD_FORUM}></DIV>
	<DIV CLASS="newbbMdTopics"><{$smarty.const._MD_TOPICS}></DIV>
	<DIV CLASS="newbbMdPosts"><{$smarty.const._MD_POSTS}></DIV>
	<DIV CLASS="newbbMdLastpost"><{$smarty.const._MD_LASTPOST}></DIV>
</div>
<!-- start forum categories -->
<{foreach item=category from=$categories}> 
	<{if $category.forums }> 
		<{if $category.permission}>
			<DIV CLASS="newbbBodyCatTitle"><a href="<{$xoops_url}>/modules/newbb/forum-cat_<{$category.cat_id}>.htm"><{$category.cat_title}></a> </DIV>
			<{$category.cat_description}>
			  <!-- start forums -->
						<{foreach item=forum from=$category.forums}> 
							<{if $forum.forum_permission}>
									<DIV>
										<{if $forum.subforum}>
											<DIV CLASS="newbbBodySubForumFolder"><{$forum.forum_folder}></DIV>
										<{else}>
											<DIV CLASS="newbbBodyForumFolder"><{$forum.forum_folder}></DIV>
										<{/if}>
											<DIV CLASS="newbbBodyForumName"  onMouseOver ="this.style.backgroundColor='#F3F4F5'" onMouseOut ="this.style.backgroundColor='#efefef'">
												<a href="<{$xoops_url}>/modules/newbb/forum_<{$forum.forum_id}>.htm"><{$forum.forum_name}></a>
												<{$forum.forum_desc}> 
												<{if $forum.forum_moderators}><{$smarty.const._MD_MODERATOR}><{$forum.forum_moderators}><{/if}>
											</DIV>
											<DIV CLASS="newbbBodyForumTopics"><{$forum.forum_topics}></DIV>
											<DIV CLASS="newbbBodyForumPosts"><{$forum.forum_posts}></DIV>
											<DIV CLASS="newbbBodyLastpostInfo">
												<{$forum.forum_lastpost_time}> <br />
												<{$forum.forum_lastpost_icon}> <br />
												<{$forum.forum_lastpost_user}>
											</DIV>
										</DIV>
									<{if $forum.subforum}>
										<DIV CLASS="newbbBodyForumSubforum"  onMouseOver ="this.style.backgroundColor='#F3F4F5'" onMouseOut ="this.style.backgroundColor='#efefef'">
											<{$smarty.const._MD_SUBFORUMS}><{$img_subforum}>
												<{foreach item=subforum from=$forum.subforum}>
												 | <a href="forum_<{$subforum.forum_id}>.htm"><{$subforum.forum_name}></a><{/foreach}> |
										</DIV>
									<{/if}>
							<{/if}> 
					<{/foreach}>
			  <!-- end forums -->
		<{/if}> 
	<{/if}> 
<{/foreach}>
 <!-- end forum categories -->
  <DIV ID="newbbBodyMarkForum"><a  href="<{$mark_read}>" ><{$smarty.const._MD_MARK_ALL_FORUMS}><{$smarty.const._MD_MARK_READ}></a>　<a  href="<{$mark_UNread}>"><{$smarty.const._MD_MARK_ALL_FORUMS}><{$smarty.const._MD_MARK_UNREAD}></a> <{$rss_enable}></DIV>
 <DIV>
 <div ID="newbbBodyOnline"><{if $online}><{include file='db:newbb_online.html'}><{/if}></div>
<DIV ID="newbbBodyImgDescription"><{$img_hotfolder}> = <{$smarty.const._MD_NEWPOSTS}>　<{$img_folder}> = <{$smarty.const._MD_NONEWPOSTS}>　<{$img_locked_newposts}> = <{$smarty.const._MD_PRIVATEFORUM_NEWPOSTS}>　<{$img_locked_nonewposts}> = <{$smarty.const._MD_PRIVATEFORUM_NONEWPOSTS}></DIV>
</DIV>
<{include file='db:system_notification_select.html'}>
<!-- end module contents -->

newbb_viewforum.html 源码
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/95726/o_newbb_viewforum.html.jpg

<!-- start module contents -->
	<{include file="db:newbb_header.html" }>
		<{if $subforum}>
			<!-- start forum categories -->
				<A NAME="xoops"></A>
				<DIV>
					<DIV CLASS="newbbViewforumMdSubForum"><{$smarty.const._MD_SUBFORUMS}></DIV>
					<DIV CLASS="newbbViewforumMdTopics"><{$smarty.const._MD_TOPICS}></DIV>
					<DIV CLASS="newbbViewforumMdPosts"><{$smarty.const._MD_POSTS}></DIV>
					<DIV CLASS="newbbViewforumMdLastpost"><{$smarty.const._MD_LASTPOST}></DIV>
				</DIV>
				 <!-- start forums -->
						<{section name=forum loop=$subforum}> 
							<{if $subforum[forum].forum_permission}>
									<DIV>
										<DIV CLASS="newbbViewforumForumFolder"><{$subforum[forum].forum_folder}></DIV>
										<DIV CLASS="newbbViewforumForumName"><A HREF="<{$xoops_url}>/modules/newbb/forum_<{$subforum[forum].forum_id}>.htm"><{$subforum[forum].forum_name}></A><{$subforum[forum].forum_desc}> 
										<{if $subforum[forum].forum_moderators}><{$smarty.const._MD_MODERATOR}>:<{$subforum[forum].forum_moderators}><{/if}> </DIV>
										<DIV CLASS="newbbViewforumForumTopics"><{$subforum[forum].forum_topics}></DIV>
										<DIV CLASS="newbbViewforumForumPosts"><{$subforum[forum].forum_posts}></DIV>
										<DIV CLASS="newbbViewforumLastpostInfo"><{$subforum[forum].forum_lastpost_time}><BR /><{$subforum[forum].forum_lastpost_icon}><BR /><{$subforum[forum].forum_lastpost_user}></DIV>
									</DIV>
							<{/if}>
						<{/section}>
				  <!-- end forums -->
		<{/if}>
<{if $forum_moderators}><DIV>(<{$smarty.const._MD_MODERATEDBY}>: <{$forum_moderators}>)</DIV><{/if}>
<DIV CLASS="newbbViewforumAddPostAndPageNavTop">
		<DIV CLASS="newbbViewforumAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}></DIV>
		<DIV CLASS="newbbViewforumPageNav"><{$forum_pagenav}></DIV>
</DIV>
<A NAME="xoops"></A>
<DIV CLASS="newbbViewforumForumNameParent"><{$forum_name}></DIV>
<DIV CLASS="newbbViewforumMdAll1">
	<DIV CLASS="newbbViewforumMdTopics2"><A HREF="<{$h_topic_link}>"><{$smarty.const._MD_TOPICS}></A></DIV>
	<DIV CLASS="newbbViewforumMdPoster"><A HREF="<{$h_poster_link}>"><{$smarty.const._MD_POSTER}></A></DIV>
	<DIV CLASS="newbbViewforumMdReplies"><A HREF="<{$h_reply_link}>"><{$smarty.const._MD_REPLIES}></A></DIV>
	<DIV CLASS="newbbViewforumMdViews"><A HREF="<{$h_views_link}>"><{$smarty.const._MD_VIEWS}></A></DIV>
	<{if $rating_enable}>
		<DIV CLASS="newbbViewforumMdRatings"><A HREF="<{$h_rating_link}>"><{$smarty.const._MD_RATINGS}></A></DIV>
	<{/if}>
	<DIV CLASS="newbbViewforumMddate"><A HREF="<{$h_date_link}>"><{$smarty.const._MD_DATE}></A></DIV>
</DIV>
	<{if $sticky > 0}>
		<{if $rating_enable}>
			<DIV CLASS="newbbViewforumMdImTopics"><{$smarty.const._MD_IMTOPICS}></DIV>
		<{else}>
			<DIV CLASS="newbbViewforumMdImTopics"><{$smarty.const._MD_IMTOPICS}></DIV>
		<{/if}>
	<{/if}>
<!-- start forum topic -->
	<{foreach name=loop item=topic from=$topics}> 
		<{if $topic.stick}> 
			<{if $smarty.foreach.loop.iteration == $sticky+1}>
				<{if $rating_enable}>
					<DIV CLASS="newbbViewforumCommonTopics"><{$smarty.const._MD_NOTIMTOPICS}></DIV>
				<{else}>
					<DIV CLASS="newbbViewforumCommonTopics"><{$smarty.const._MD_NOTIMTOPICS}></DIV>
				<{/if}>
			<{/if}> 
		<{/if}>
		<DIV>
			<DIV CLASS="newbbViewforumTopicFolder"><{$topic.topic_folder}></DIV>
			<DIV CLASS="newbbViewforumTopicIcon"><{$topic.topic_icon}></DIV>
			<DIV CLASS="newbbViewforumTopicsTitle" onMouseOver ="this.style.backgroundColor='#F3F4F5'" onMouseOut ="this.style.backgroundColor='#efefef'">
				<A HREF="<{$topic.topic_link}>">
					<{if $topic.allow_prefix}>
						<{if $topic.topic_subject eq NONE}>
					<{else}>
					<{$topic.topic_subject}>
						<{/if}>
					<{/if}>
					<{$topic.topic_title}>
				</A>
				<{$topic.attachment}>
				<{$topic.topic_page_jump}>
			</DIV>
			<DIV CLASS="newbbViewforumTopicPoster"><{$topic.topic_poster}></DIV>
			<DIV CLASS="newbbViewforumTopicReplies"><{$topic.topic_replies}></DIV>
			<DIV CLASS="newbbViewforumTopicViews"><{$topic.topic_views}></DIV>
			<DIV CLASS="newbbViewforumTopicRating">
				<{if $rating_enable}>
					<{$topic.rating_img}>
				<{/if}>
			</DIV>
			<DIV CLASS="newbbViewforumTopicLastpost">
			<{$topic.topic_last_posttime}><BR />
			<{$topic.topic_page_jump_icon}><BR />
			<{$smarty.const._MD_BY}> <{$topic.topic_last_poster}>
			</DIV>
		</DIV>
	<{/foreach}>
 <!-- end forum topic -->
 <DIV CLASS="newbbViewforumSelectionForm">
 	<{strip}>
      <FORM METHOD="get" ACTION="viewforum.php">
       <{$smarty.const._MD_SORTEDBY}>:<{$forum_selection_sort}><{$forum_selection_order}><{$forum_selection_since}>
        <INPUT TYPE="hidden" NAME="forum" VALUE="<{$forum_id}>" />
        <INPUT TYPE="submit" NAME="refresh" VALUE="<{$smarty.const._MD_GO}>" />
      </FORM>
	<{/strip}>
 </DIV>
<DIV CLASS="newbbViewforumAddPostAndPageNavTop">
		<DIV CLASS="newbbViewforumAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}></DIV>
		<DIV CLASS="newbbViewforumPageNav"><{$forum_pagenav}></DIV>
</DIV>
<!-- end forum main table -->
<DIV ID="newbbViewforumMarkForum"><A  HREF="<{$mark_read}>"><{$smarty.const._MD_MARK_ALL_TOPICS}><{$smarty.const._MD_MARK_READ}></A>　<A HREF="<{$mark_unread}>"><{$smarty.const._MD_MARK_ALL_TOPICS}><{$smarty.const._MD_MARK_UNREAD}></A> <{$rss_enable}></DIV>
<DIV>
	<DIV CLASS="newbbViewforumJumboxAndOnline">
		<{if $show_jumpbox == true}> <{$forum_jumpbox}><{/if}>
		<{if $online}><{include file='db:newbb_online.html'}><{/if}>
		<DIV CLASS="newbbViewforumDescriptionImg">
			<{$img_newposts}>=<{$smarty.const._MD_NEWPOSTS}>
			<{$img_hotnewposts}>=<{$smarty.const._MD_MORETHAN}>
			<{$img_locked}>=<{$smarty.const._MD_TOPICLOCKED}>
			<{$img_digest}>=<{$smarty.const._MD_TOPICDIGEST}><BR />
			<{$img_folder}>=<{$smarty.const._MD_NONEWPOSTS}>
			<{$img_hotfolder}>=<{$smarty.const._MD_MORETHAN2}>
			<{$img_sticky}>=<{$smarty.const._MD_TOPICSTICKY}>
			<{$img_poll}>=<{$smarty.const._MD_TOPICHASPOLL}>
		</DIV>
	</DIV>
	<DIV CLASS="newbbViewforumPermissionTable"><{$permission_table}></DIV>
</DIV>

<{include file='db:system_notification_select.html'}>

newbb_viewtopic_flat.html 源码
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/95726/o_newbb_viewtopic_flat.html.jpg

<!-- start module contents -->
<{include file="db:newbb_header.html" }>
<{if $online}>
	<DIV CLASS="newbbViewtopicOnline">
		<{$smarty.const._MD_BROWSING}>
		<{foreach item=user from=$online.users}>
			<A HREF="<{$user.link}>">
				<{if $user.color}>
				<SPAN STYLE="color:<{$user.color}>"><{$user.uname}></SPAN>
				<{else}>
				<{$user.uname}>
				<{/if}>
			</A>
		<{/foreach}>
		<{if $online.num_anonymous}>
			<{$online.num_anonymous} <{$smarty.const._MD_ANONYMOUS_USERS}>
		<{/if}>
	</DIV>
<{/if}>
<{if $topic_poll}> 
	<DIV CLASS="newbbViewtopicPollResult">
		<{if $topic_pollresult}> 
			<{include file="db:newbb_poll_results.html poll=$poll}"> 
		<{else}> 
		<{include file="db:newbb_poll_view.html" poll=$poll}> 
		<{/if}> 
	</DIV>
<{/if}>
<DIV CLASS="newbbViewtopicAddPostAndPageNavTop">
		<DIV CLASS="newbbViewtopicAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}> &nbsp;<{$forum_reply}></DIV>
		<DIV CLASS="newbbViewtopicPageNav"><{if $forum_page_nav}><{$forum_page_nav}><{/if}> </DIV>
</DIV>
<!-- start topic thread -->
<DIV CLASS="newbbViewtopicMainHeader">
	<DIV CLASS="newbbViewtopicMdposter">
		<{$smarty.const._MD_POSTER}>
	</DIV>
	<DIV CLASS="newbbViewtopicDown2"><A HREF="#threadbottom"><{$down2}></A><A NAME="threadtop"></A></DIV>
	<DIV CLASS="newbbViewtopicMdthreadTopicTitle"><{$smarty.const._MD_THREAD}> <{$topic_title}></DIV>
	<DIV CLASS="newbbViewtopicViewStylePN">
	<A HREF="viewtopic.php?viewmode=flat&amp;order=<{$order_current}>&amp;topic_id=<{$topic_id}>&amp;forum=<{$forum_id}>" /><{$smarty.const._FLAT}></a> | <A HREF="viewtopic.php?viewmode=thread&amp;order=<{$order_other}>&amp;topic_id=<{$topic_id}>&amp;forum=<{$forum_id}>" /><{$lang_order_other}></a> | <A HREF="viewtopic.php?viewmode=threaded&amp;order=<{$order_current}>&amp;
	topic_id=<{$topic_id}>&amp;forum=<{$forum_id}>&amp;move=prev&amp;topic_time=<{$topic_time}>"> <{$smarty.const._MD_PREVTOPIC}></A> | <A HREF="viewtopic.php?viewmode=threaded&amp;order=<{$order_current}>&amp;
	topic_id=<{$topic_id}>&amp;forum=<{$forum_id}>&amp;move=next&amp;topic_time=<{$topic_time}>"> <{$smarty.const._MD_NEXTTOPIC}></A>
	</DIV>
</DIV>
	<DIV><{foreach item=topic_post from=$topic_posts}> <{include file="db:newbb_thread.html" topic_post=$topic_post}> <{/foreach}></DIV>

<DIV CLASS="newbbViewtopicRateRadioParent">
<DIV CLASS="newbbViewtopicRateRadio">
<FORM ACTION="ratethread.php" METHOD="post">
<{$rss_enable}><INPUT TYPE="radio" NAME="rate" ID="rate5" VALUE="5" /> <{$rate5}> <{$smarty.const._MD_RATE5}> | <INPUT TYPE="radio" NAME="rate" ID="radio" VALUE="4" /> <{$rate4}> <{$smarty.const._MD_RATE4}> | <INPUT TYPE="radio" NAME="rate" ID="radio2" VALUE="3" /> <{$rate3}> <{$smarty.const._MD_RATE3}>
| <INPUT TYPE="radio" NAME="rate" ID="radio3" VALUE="2" /> <{$rate2}> <{$smarty.const._MD_RATE2}>
| <INPUT TYPE="radio" NAME="rate" ID="radio4" VALUE="1" /> <{$rate1}> <{$smarty.const._MD_RATE1}> | <INPUT TYPE="hidden" NAME="topic_id" VALUE="<{$topic_id}>" /><INPUT TYPE="hidden" NAME="forum" VALUE="<{$forum_id}>" /><INPUT TYPE="submit" CLASS="button" VALUE="<{$smarty.const._MD_RATING}>" />
</FORM>
</DIV>
<DIV CLASS="newbbViewtopicPrevNextTopicDwon">
<A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=prev&topic_time=<{$topic_time}>"> <{$smarty.const._MD_PREVTOPIC}></A> | <A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=next&topic_time=<{$topic_time}>"> <{$smarty.const._MD_NEXTTOPIC}></A>
</DIV>
</DIV>
<DIV CLASS="newbbViewtopicAddPostAndPageNavTop">
<DIV CLASS="newbbViewtopicAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}>  <{$forum_reply}>  <A HREF="#threadbottom" onClick="ToggleBlock('quick_reply', this)" ><{$display_icon}></A></DIV>
<DIV CLASS="newbbViewtopicPageNav"><{if $forum_page_nav}><{$forum_page_nav}><{/if}> </DIV>
</DIV>

<DIV>
<DIV CLASS="newbbViewtopicJumpboxAndManageIcon">
<{$forum_jumpbox}><BR />
<A HREF="<{$topic_print_link}>" TARGET="_blank" TITLE="<{$smarty.const._MD_PRINTTOPICS}>"><{$printer}></A>
<{if $viewer_is_admin == true}>
<{foreach item=act from=$admin_actions}> <{$act}> <{/foreach}>
<{if count($adminpoll_actions)>0 }>
<{foreach item=actpoll from=$adminpoll_actions}> <{$actpoll}> <{/foreach}>
<{elseif $xoops_isuser == true && $xoops_userid == $topic_post.poster_uid}>
<{foreach item=actpoll from=$adminpoll_actions}> <{$actpoll}> <{/foreach}>
<{/if}>
<{/if}><BR /><BR />
<A HREF="#threadtop"><{$up}></A><A NAME="threadbottom"></A>
</DIV>
<DIV CLASS="newbbViewtopicPermissionTable"><{$permission_table}></DIV>
</DIV>

<{if $quickreply.show}>
<{if $display_stat}>
<DIV ID="quick_reply" STYLE="display: <{$display}>"><{$quickreply.form}></DIV>
<{/if}>
<{/if}>
<div><{include file='db:system_notification_select.html'}></div>

newbb_viewtopic_thread.html.jpg 源码
效果预览: http://blog.csdn.net/images/blog_csdn_net/btbtd/95726/o_newbb_viewtopic_thread.html.jpg

<!-- start module contents -->
<{include file="db:newbb_header.html" }>
<{if $online}>
	<DIV CLASS="newbbViewtopicOnline">
		<{$smarty.const._MD_BROWSING}>
		<{foreach item=user from=$online.users}>
			<A HREF="<{$user.link}>">
				<{if $user.color}>
				<SPAN STYLE="color:<{$user.color}>"><{$user.uname}></SPAN>
				<{else}>
				<{$user.uname}>
				<{/if}>
			</A>
		<{/foreach}>
		<{if $online.num_anonymous}>
			<{$online.num_anonymous} <{$smarty.const._MD_ANONYMOUS_USERS}>
		<{/if}>
	</DIV>
<{/if}>
<{if $topic_poll}> 
	<DIV CLASS="newbbViewtopicPollResult">
		<{if $topic_pollresult}> 
			<{include file="db:newbb_poll_results.html poll=$poll}"> 
		<{else}> 
		<{include file="db:newbb_poll_view.html" poll=$poll}> 
		<{/if}> 
	</DIV>
<{/if}>
<!-- start topic tree -->
		<DIV CLASS="newbbViewtopicThreadTreeParent">
				<DIV class="newbbViewtopicThreadTreeSubject"><{$smarty.const._MD_SUBJECT}></DIV>
				<div CLASS="newbbViewtopicThreadTreeMdPoster"><{$smarty.const._MD_POSTER}></div>
				<DIV CLASS="newbbViewtopicThreadTreeMdDate"><{$smarty.const._MD_DATE}></DIV>
		</DIV>
		<{foreach item=topic_tree from=$topic_trees}>
				<div CLASS="<{cycle values="EVEN,ODD"}>">
							<DIV CLASS="newbbViewtopicThreadTreePostTitle"><{$topic_tree.post_prefix}> <{$topic_tree.post_image}> <{$topic_tree.post_title}></DIV>
							<DIV CLASS="newbbViewtopicThreadTreePoster"><{$topic_tree.poster}></DIV>
							<DIV CLASS="newbbViewtopicThreadPostTime"><{$topic_tree.post_time}></DIV>
				 </div>
		<{/foreach}>

<DIV CLASS="newbbViewtopicAddPostAndPageNavTop">
<DIV CLASS="newbbViewtopicAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}>  <{$forum_reply}></DIV>
<DIV CLASS="newbbViewtopicPageNav"><{if $forum_page_nav}><{$forum_page_nav}><{/if}> </DIV>
</DIV>

<DIV CLASS="newbbViewtopicMainHeader">
<DIV CLASS="newbbViewtopicMdposter">
<{$smarty.const._MD_POSTER}>
</DIV>
<DIV CLASS="newbbViewtopicDown2"><A HREF="#threadbottom"><{$down2}></A><A NAME="threadtop"></A></DIV>
<DIV CLASS="newbbViewtopicMdthreadTopicTitle"><{$smarty.const._MD_THREAD}> <{$topic_title}></DIV>
<DIV CLASS="newbbViewtopicViewStylePN">
<A HREF="viewtopic.php?viewmode=flat&order=<{$order_current}>&topic_id=<{$topic_id}>&forum=<{$forum_id}>" /><{$smarty.const._FLAT}></a> | <A HREF="viewtopic.php?viewmode=thread&order=<{$order_other}>&topic_id=<{$topic_id}>&forum=<{$forum_id}>" /><{$lang_order_other}></a> | <A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=prev&topic_time=<{$topic_time}>"> <{$smarty.const._MD_PREVTOPIC}></A> | <A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=next&topic_time=<{$topic_time}>"> <{$smarty.const._MD_NEXTTOPIC}></A>
</DIV>
</DIV>
<{foreach item=topic_post from=$topic_posts}> <{include file="db:newbb_thread.html" topic_post=$topic_post}> <{/foreach}>
<DIV CLASS="newbbViewtopicRateRadioParent">
<DIV CLASS="newbbViewtopicRateRadio">
<FORM ACTION="ratethread.php" METHOD="post">
<{$rss_enable}><INPUT TYPE="radio" NAME="rate" ID="rate5" VALUE="5" /> <{$rate5}> <{$smarty.const._MD_RATE5}> | <INPUT TYPE="radio" NAME="rate" ID="radio" VALUE="4" /> <{$rate4}> <{$smarty.const._MD_RATE4}> | <INPUT TYPE="radio" NAME="rate" ID="radio2" VALUE="3" /> <{$rate3}> <{$smarty.const._MD_RATE3}>
| <INPUT TYPE="radio" NAME="rate" ID="radio3" VALUE="2" /> <{$rate2}> <{$smarty.const._MD_RATE2}>
| <INPUT TYPE="radio" NAME="rate" ID="radio4" VALUE="1" /> <{$rate1}> <{$smarty.const._MD_RATE1}> | <INPUT TYPE="hidden" NAME="topic_id" VALUE="<{$topic_id}>" /><INPUT TYPE="hidden" NAME="forum" VALUE="<{$forum_id}>" /><INPUT TYPE="submit" CLASS="button" VALUE="<{$smarty.const._MD_RATING}>" />
</FORM>
</DIV>
<DIV CLASS="newbbViewtopicPrevNextTopicDwon">
<A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=prev&topic_time=<{$topic_time}>"> <{$smarty.const._MD_PREVTOPIC}></A> | <A HREF="viewtopic.php?viewmode=threaded&order=<{$order_current}>&
topic_id=<{$topic_id}>&forum=<{$forum_id}>&move=next&topic_time=<{$topic_time}>"> <{$smarty.const._MD_NEXTTOPIC}></A>
</DIV>
</DIV>
<DIV CLASS="newbbViewtopicAddPostAndPageNavTop">
<DIV CLASS="newbbViewtopicAddpollPostOrRegister"><{$forum_addpoll}><{$forum_post_or_register}>  <{$forum_reply}>  <A HREF="#threadbottom" onClick="ToggleBlock('quick_reply', this)" ><{$display_icon}></A></DIV>
<DIV CLASS="newbbViewtopicPageNav"><{if $forum_page_nav}><{$forum_page_nav}><{/if}> </DIV>
</DIV>

<DIV>
<DIV CLASS="newbbViewtopicJumpboxAndManageIcon">
<{$forum_jumpbox}><BR />
<A HREF="<{$topic_print_link}>" TARGET="_blank" TITLE="<{$smarty.const._MD_PRINTTOPICS}>"><{$printer}></A>
<{if $viewer_is_admin == true}>
<{foreach item=act from=$admin_actions}> <{$act}> <{/foreach}>
<{if count($adminpoll_actions)>0 }>
<{foreach item=actpoll from=$adminpoll_actions}> <{$actpoll}> <{/foreach}>
<{elseif $xoops_isuser == true && $xoops_userid == $topic_post.poster_uid}>
<{foreach item=actpoll from=$adminpoll_actions}> <{$actpoll}> <{/foreach}>
<{/if}>
<{/if}><BR /><BR />
<A HREF="#threadtop"><{$up}></A><A NAME="threadbottom"></A>
</DIV>
<DIV CLASS="newbbViewtopicPermissionTable"><{$permission_table}></DIV>
</DIV>

<{if $quickreply.show}>
<{if $display_stat}>
<DIV ID="quick_reply" STYLE="display: <{$display}>"><{$quickreply.form}></DIV>
<{/if}>
<{/if}>
<DIV><{include file='db:system_notification_select.html'}></DIV>

newbb_thread.html 源码

<!-- start comment post -->
<A ID="forumpost<{$topic_post.post_id}>?"></A><A ID="forumpost<{$topic_post.post_id}>"></A>
<DIV CLASS="newbbViewtopicThreadHeader">
	<DIV CLASS="newbbViewtopicThreaedPoster"><A HREF="#threadbottom"><{$down}></A><{$topic_post.poster_name}></DIV>
	<DIV CLASS="newbbViewtopicThreaedPostDate"><{$smarty.const._MD_POSTEDON}><{$topic_post.post_date}></DIV>
	<DIV CLASS="newbbViewtopicThreaedBottons"><{foreach item=btn from=$topic_post.thread_buttons}> <A HREF="<{$btn.link}>&amp;post_id=<{$topic_post.post_id}>" TITLE="<{$btn.name}>"> <{$btn.image}></A> <{/foreach}></DIV>
</DIV>
<DIV CLASS="newbbViewtopicThreadPostBody">
	<DIV CLASS="newbbViewtopicThreadPosterInfo">
			<{if $topic_post.poster_uid != 0}>
				<{$topic_post.poster_rank_title}><BR />
				<{$topic_post.poster_rank_image}><BR>
				<IMG CLASS="comUserImg" SRC="<{$xoops_upload_url}>/<{$topic_post.poster_avatar}>" ALT="" /><BR>
				<{$smarty.const._MD_JOINED}>: <{$topic_post.poster_regdate}><BR>
				<{$smarty.const._MD_FROM}> <{$topic_post.poster_from}><BR>
				<{$smarty.const._MD_POSTS}>: <{$topic_post.poster_postnum}><BR>
				<{if $groupbar_enable}> <{$smarty.const._MD_GROUP}> <BR />
				<{$topic_post.poster_groups}> <BR>
			<{/if}> 
				 <{$topic_post.poster_status}><BR>
			<{else}> 
				<{$anonymous_prefix}>
				<{$topic_post.poster_uname}> 
			<{/if}>
	</DIV>
	<DIV CLASS="newbbViewtopicThreadPostBodyText">
			<DIV CLASS="newbbViewtopicThreadPostCount">第 <{$topic_post.post_no}> 楼</DIV>
			<DIV >
				<DIV CLASS="newbbViewtopicThreadPostTextLeft"><{$topic_post.post_text}></DIV>
				<DIV CLASS="newbbViewtopicThreadPostTextRight"></DIV>
			</DIV>
			<{if $topic_post.post_attachment}><DIV CLASS="newbbViewtopicThreadPostAttachment"><{$topic_post.post_attachment}></DIV><{/if}>
			<{if $topic_post.post_edit}><DIV CLASS="newbbViewtopicThreadPostEdit"><{$topic_post.post_edit}></DIV><{/if}>
			<{if $topic_post.poster_sig}>
					<DIV CLASS="newbbViewtopicThreadPostSignature">
							<IMG SRC="<{$xoops_url}>/modules/newbb/images/underwrite.gif" ><BR /><{$topic_post.poster_sig}>
					</DIV>
			<{/if}>
	</DIV>
</DIV>
<DIV CLASS="newbbViewtopicThreadDown">
	<DIV CLASS="newbbViewtopicThreadFunctionImg"><{foreach item=abtn from=$topic_post.thread_action}> <A HREF="<{$abtn.link}>&amp;post_id=<{$topic_post.post_id}>" TARGET="_blank" TITLE="<{$abtn.name}>"> <{$abtn.image}></A> <{/foreach}>
 		<DIV CLASS="newbbViewtopicthreadUP"><A HREF="#threadtop" TITLE="<{$smarty.const._MD_UP}>"><{$p_up}></A></DIV>
	</DIV>
 	<DIV CLASS="newbbViewtopicThreadUserbar"><{$topic_post.poster_userbar}></DIV>
	<DIV CLASS="newbbViewtopicThreadPosterIp"><{if $viewer_is_admin == true and $topic_post.poster_ip}> IP: <{$topic_post.poster_ip}> <{/if}></DIV>
</DIV>
<!-- end comment post -->

newbb_header.html 源码

<LINK REL="stylesheet" TYPE="text/css" MEDIA="all" HREF="<{$xoops_url}>/modules/newbb/newbb.css" />
<DIV ID="newbbHeaderTop">
<DIV ID="newbbHeaderTopImg"><A HREF="<{$xoops_url}>/modules/newbb/"><IMG SRC="<{$xoops_url}>/modules/newbb/images/top.gif" WIDTH="200" HEIGHT="100" BORDER="0" ALIGN="LEFT" ></A></DIV>
<DIV ID="newbbHeaderLogo"><A HREF="<{$xoops_url}>/modules/newbb/"><IMG SRC="<{$xoops_url}>/modules/newbb/images/logo.gif" BORDER="0" ALIGN="RIGHT"></A></DIV>
<DIV ID="newbbHeaderLink">
	<A  HREF="<{$unread_link}>"><{$smarty.const._MD_UNREAD}></A>　<A  HREF="<{$digest_link}>"><{$smarty.const._MD_DIGEST}></A>　<A  HREF="<{$all_link}>"><{$smarty.const._MD_ALL}></A>　<A  HREF="<{$unreplied_link}>"><{$smarty.const._MD_UNREPLIED}></A>　<A HREF="<{$xoops_url}>/modules/newbb/search.php"><{$smarty.const._MD_ADVSEARCH}></A><{if $xoops_isadmin}><{$forum_index_cpanel}><{/if}>
</DIV>
</DIV>
<DIV ID="newbbHeaderNav">
	<IMG SRC="<{$xoops_url}>/modules/newbb/images/lead.gif" WIDTH="16" HEIGHT="16">
	<A  HREF="<{$xoops_url}>/modules/newbb/">绿色学院 - Green Institute - Xoops 技术论坛</A>
	<{if $parent_forum}>
		-> <A HREF="<{$xoops_url}>/modules/newbb/"><{$lang_forum_index}></A>
		<A HREF="<{$xoops_url}>/modules/newbb/forum_<{$parent_forum}>.htm"><{$parent_name}></A>
		-> <A HREF="<{$xoops_url}>/modules/newbb/forum_<{$forum_id}>.htm"><{$forum_name}></A>
		<{$topic_title}>
	<{else}>　
		<A HREF="<{$xoops_url}>/modules/newbb/forum_<{$forum_id}>.htm"><{$forum_name}></A>
		　<{$topic_title}>
	<{/if}> 
</DIV>

newbb_online.html 源码

<DIV CLASS="newbbOnlineTotal"><{$smarty.const._MD_USERS_ONLINE}><{$online.num_total}>  <{$smarty.const._MD_BROWSING_FORUM}></DIV>
<DIV CLASS="newbbOnline">
	<div CLASS="newbbOnlineImage"><{$online.image}></div>
	<DIV CLASS="NewbbOnlineInfo">
	 [ <span style="color:<{$color_admin}>"><{$smarty.const._MD_ADMINISTRATOR}></span> ] [ <span  style="color:<{$color_mod}>"><{$smarty.const._MD_MODERATOR}></span> ]<br />
		<{$online.num_anonymous}> <{$smarty.const._MD_ANONYMOUS_USERS}>
			<{if $online.num_user}><br />
				<{$online.num_user}>
				<{$smarty.const._MD_REGISTERED_USERS}>
					<{foreach item=user from=$online.users}>
						<a href="<{$user.link}>">
							<{if $user.color}>
							<span style="color:<{$user.color}>"><{$user.uname}></span>
							<{else}>
							<{$user.uname}>
							<{/if}>
						</a>
				<{/foreach}>
			<{/if}>
	</DIV>
</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-16 22:41:34
*
/****************************************************************/

btbtd

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Xoops Newbb 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:
复制链接

扫一扫