昨日对论坛首页原有的新热内容导航进行了修改和强化、美化。在原有基础上增加了UCH的迷你博客、日志以及SS的资讯和论坛焦点专题的列表显示，等于由四格变为八格。
并且添加了四个焦点导航横幅，为了减轻服务器负担，这四个小横幅未使用论坛广告或数据调用，而是直接用了HTML代码，如果你需要的话，可以改成调用论坛广告功能，这样修改起来比较方便。
代码很好懂的，就不做注解了。首页四格的原文见另帖：
http://www.discuz.net/thread-696558-1-2.html。
复制内容到剪贴板
代码:
<style type="text/css">
<!--
.aoyundaojishi {
text-align: center;
vertical-align: middle;
width: 100%;
list-style-type: none;
float:left;
clear: none;
background-color: #CC0000;
font-size: 12px;
color: #FFFFFF;
font-family: "微软雅黑", "新宋体", Arial, sans-serif;
text-align: center;
height:24px;
}
.aoyundaojishifont {
text-weight: bold;
color: #ffcc00;
}
.tianqiyubao {
text-align: center;
vertical-align: middle;
width: 100%;
list-style-type: none;
float:left;
clear: none;
background-color: #66CCFF;
font-size: 12px;
text-align: center;
height:24px;
}
.redianzhuanti {
text-align: center;
vertical-align: middle;
width: 100%;
list-style-type: none;
float:left;
clear: none;
background-color: #CAD9EA;
font-size: 12px;
text-align: left;
}
.redianzhuantiname {
color: #CC0000;
font-weight: bold;
font-family: "微软雅黑", "新宋体", Arial, sans-serif;
}
.kangzhenjiuzai {
background-color: #000000;
height: 24px;
width: 300px;
clear: none;
text-align: center;
vertical-align: middle;
}
.beijingaoyun {
background-color: #33CC66;
height: 24px;
width: 300px;
clear: none;
text-align: center;
vertical-align: middle;
}
-->
</style>
<script type="text/javascript" src="./images/FourShow/altitle.js"></script>
<div class="mainbox forumlist" style="padding:0;">
<table cellspacing="0" cellpadding="0">
<thead class="category">
<tr>
<td align="center" style="padding:0 1px 0 0"><h3>≡论坛图片≡ <a href="/picindex/" target="_blank" class="blue">论坛全部图片索引</a></h3></td>
<td align="center" style="padding:0"><h3>≡ 最新主题 ≡</h3></td>
<td align="center" style="padding:0 1px 0 1px"><h3>≡ 最新回复 ≡</h3></td>
<td align="center" style="padding:0"><h3>≡ 近期热帖 ≡</h3></td>
</tr>
</thead>
<tr>
<td width="25%">
<script type="text/javascript">
var swf_width=300;
var swf_height=198;
var config='5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000';
// config 设置分别为: 自动播放时间(秒)|文字颜色|文字背景色|文字背景透明度|按键数字色|当前按键色|普通按键色
var files='{$showpicpics}';
var links='{$showpiclinks}';
var texts='{$showpictexts}';
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="images/FourShow/focus.swf" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="menu" value="false" />');
document.write('<param name=wmode value="opaque" />');
document.write('<param name="FlashVars" value="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />');
document.write('<embed src="images/FourShow/focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</script>
</td>
<td width="25%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td width="24" style="padding:0;border-top:0px;"><img src="images/FourShow/list.gif" border="0" /></td>
<td background="images/FourShow/listbg.gif" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat-y" width="100%">
<!--{loop $newPostArray $nthread}-->
<!--{if $nthread[replies]}-->
<div style="overflow: hidden;height: 20px;width: 100%;"><a href="viewthread.php?tid=$nthread[tid]" $nthread['highlight'] title='最新帖子 {LF}所在论坛: $nthread[name]{LF}主题标题: $nthread[subject] {LF}主题作者: $nthread[author]{LF}发表时间: $nthread[date]{LF}浏览次数: $nthread[views] 次 {LF}回复次数: $nthread[replies] 次{LF}最后回复: $nthread[lastreplytime]{LF}{lang lastpost}: $nthread[lastposter]'>$nthread[view_subject]</a></div>
<!--{else}-->
<div style="overflow: hidden;height: 20px;width: 100%;"><a href="viewthread.php?tid=$nthread[tid]" $nthread['highlight'] title='最新帖子 {LF}所在论坛: $nthread[name]{LF}主题标题: $nthread[subject] {LF}主题作者: $nthread[author]{LF}发表时间: $nthread[date]{LF}浏览次数: $nthread[views] 次 {LF}回复次数: $nthread[replies] 次{LF}最后回复: 暂时没有回复'>$nthread[view_subject]</a></div>
<!--{/if}-->
<!--{/loop}-->
</td>
</tr>
</table>
</td>
<td width="25%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td width="24" style="padding:0;border-top:0px;"><img src="images/FourShow/list.gif" border="0" /></td>
<td background="images/FourShow/listbg.gif" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat-y" width="100%">
<!--{loop $newReplyArray $rthread}-->
<div style="overflow: hidden;height: 20px;width: 100%;"><a href="redirect.php?tid=$rthread[tid]&goto=lastpost#lastpost" $rthread['highlight'] title='最新回复 {LF}所在论坛: $rthread[name]{LF}主题标题: $rthread[subject]{LF}主题作者: $rthread[author]{LF}发表时间: $rthread[date]{LF}浏览次数: $rthread[views] 次{LF}回复次数: $rthread[replies] 次{LF}最后回复: $rthread[lastreplytime]{LF}{lang lastpost}: $rthread[lastposter]'>$rthread[view_subject]</a></div>
<!--{/loop}-->
</td>
</tr>
</table>
</td>
<td width="25%">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td width="24" style="padding:0;border-top:0px;"><img src="images/FourShow/list.gif" border="0" /></td>
<td background="images/FourShow/listbg.gif" style="line-height:20px;padding:0;border-top:0px;background-repeat: repeat-y" width="100%">
<!--{loop $hotArray $mthread}-->
<div style="overflow: hidden;height: 20px;width: 100%;"><a href="viewthread.php?tid=$mthread[tid]" $mthread['highlight'] title='本周热门 {LF}所在论坛: $mthread[name]{LF}主题标题: $mthread[subject]{LF}主题作者: $mthread[author]{LF}发表时间: $mthread[date]{LF}浏览次数: $mthread[views] 次{LF}回复次数: $mthread[replies] 次{LF}最后回复: $mthread[lastreplytime]{LF}{lang lastpost}: $mthread[lastposter]'>$mthread[view_subject]</a></div>
<!--{/loop}-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="25%" valign="top"><div class="aoyundaojishi" id="timeDate"></div>
<SCRIPT>
var now = new Date();
function createtime(){
var grt= new Date("8/08/2008 20:00:00");
now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = "距2008北京奥运会开幕还有 <span class='aoyundaojishifont'>" + dnum + "</span>天:<span class='aoyundaojishifont'>" + hnum + "</span>小时:<span class='aoyundaojishifont'>"+ mnum + "</span>分:<span class='aoyundaojishifont'>"+ snum + "</span>秒";
}
setInterval("createtime()",250);
</SCRIPT>
<div class="redianzhuanti"><font class="redianzhuantiname"> ● 热点专题－北京奥运会</font><ul class="textinfolist">{eval request('pdbbsindex4g_zhuantiTAG');}</ul></div>
</td>
<td width="25%">
<div class="kangzhenjiuzai"><a style="overflow:hidden;" href="http://bbs.cnwyw.net/forum-71-1.html"><img src="imageslinshi/sichuandizhen.gif" border="0" align="absmiddle" alt='点击关注更多消息评论{LF}2008年5月12日14时28分，四川省汶川县发生7.8级地震{LF}伤亡重大，救援工作紧张进行中……' /></a></div>
<h4><a href="http://my.cnwyw.net/space-doing.html" target="_blank">网友家园迷你博客</a> | <a href="http://my.cnwyw.net/space-doing.html" target="_blank" class="blue">写几句</a></h4><ul class="textinfolist"><script language="javascript" type="text/javascript" src="http://my.cnwyw.net/js.php?id=1"></script></ul></td>
<td width="25%">
<div class="beijingaoyun"><a style="overflow:hidden;" href="http://bbs.cnwyw.net/forum-13-1.html"><img src="imageslinshi/beijingaoyun.gif" border="0" align="absbottom" alt='点击这里，关注奥运，祝福北京{LF}同一个世界，同一个梦想。' /></a></div>
<h4><a href="http://my.cnwyw.net/space-blog.html" target="_blank">网友家园新日志</a> | <a href="http://my.cnwyw.net/cp.php?ac=blog" target="_blank" class="blue">写日志</a></h4><ul class="textinfolist"><script language="javascript" type="text/javascript" src="http://my.cnwyw.net/js.php?id=2"></script></ul></td>
<td width="25%">
<div class="tianqiyubao">天气预报：{subtemplate PDqqweather}</div>
<h4><a href="http://www.cnwyw.net/action-news.html" target="_blank">网友网新资讯</a> | <a href="http://www.cnwyw.net/admincp.php?action=spacenews" target="_blank" class="blue">我要发布</a></h4><ul class="textinfolist"><script language="JavaScript" src="http://www.cnwyw.net/batch.javascript.php?param=DGxWP1g8UjVWPwBzA3oCJlwwB3xRdQ8hBzRSMAxvAm0BZgd1C3NWfQFsAncBZVNiCHMOdQQ6XCxVY1ExUCIFYQxiVjpYPVIzVnQAQwNGAgVcFgd%2FUW8PfwcjUjoMbwJ0AW0HdwttVnIBRwJAAVJTRAguDjYEOlxvVW5RJFB5BTQMIlZmWHxSNVY1AGQDawIzXCEHOlFrDzQHelJgDDwCMwEzBy0Lc1YnAWECbwFkU2QIdQ42BDZcbFUoUWVQZgUrDHpWI1g%2FUnlWJwByA2ECPFwwBzBRcg8OBzlSOg%3D%3D"></script></ul></td>
</tr>
</table>
</div>本文被引用：
http://www.discuz.net/thread-928886-1-1.html
-
- 
