Discuz X1.5仿厦门小鱼网论坛首页焦点切换

dly · 发表于 2011-5-29 11:20:42

我网站的宽度是980px，考虑到大部分人用的是默认模板，我已经把本文件宽度改为960px

效果见：宁德社区http://www.ndsns.com/forum.php

使用说明：
第一步：将文件里“论坛焦点”下的文件放到网站根目录下替换
第二步：打开广场首页，用管理员登陆，点顶部"DIY",再点“导入”，将文件夹里的“forum_discuz.xml”导入即可

ok!

注意：以上方法适用于论坛首页模板“discuz.htm”为默认文件，如果你对此模板改动较大，建议自己复制“代码文件“到“discuz.htm”模板里，导入一样
非默认模板修改方法：
找到“discuz.htm”模板，打开，一般将代码放在“ <div id="an" class="bm bw0">”之前即可，然后将“论坛焦点”文件夹的“static”拷贝到根目录；再导入xml即可;
以下是要拷贝的代码

<div class="ndsns_hot">
<style type="text/css">
.ndsns_hot { background:#FFF; margin:8px 0; width:958px; border:1px solid #DADADA }
.ndsns_hot_title { background: url({STYLEIMGDIR}/ndsns_hot01.png) repeat-x scroll 0 0 transparent; border-bottom: 3px solid #E7001C; height: 30px; }
.ndhot_t_left { display: inline; float: left; padding-left: 20px; margin-top: 5px; }
.ndhot_t_left span { display:block; background:#F3001D; border: 1px solid #E7001C; color: #FFF; font-size: 12px; height: 24px; line-height: 24px; text-align: center; width: 70px; }
.ndhot_t_right { display: inline; float: right; padding-right: 15px; padding-top: 5px; }
.ndhot_t_right ul { list-style-type: none; margin: 0; padding: 0; }
.ndhot_t_right li { display: inline; float: left; margin-left: 10px; }
.ndhot_t_right li a { color: #035F9A; display: block; font-size: 12px; height: 24px; line-height: 24px; text-align: center; text-decoration: none; width: 65px; }
.ndhot_t_right li a:hover { text-decoration: none; }
.ndhot_t_right li a.ndsns_hov { background: url("{STYLEIMGDIR}/ndsns_hot02.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; }
.ndsns_hot_con { padding:2px; overflow:hidden; height:222px;}
.ndhot_con_left { width:330px; height:220px; float:left; overflow:hidden }
.ndhot_con_right { width:620px; float:right;}
.ndhot_con_right .ndsns_hid { display:none; }
.ndhot_con_right ul{ margin-top:7px;}
.ndhot_con_right li { float:left; width:49%; font-size:14px; overflow:hidden; height:30px; line-height:30px; }
.ndhot_con_right li a { color:#666; }
.ndhot_con_right li span a { color:#197CBD; }
.ndhot_con_right li span.spe { font-family:'宋体'; font-weight:bold; }
.ndhot_con_right .con_hot_spe{ width:185px; float:left; padding:7px 10px 0; }
.ndhot_con_right dt { background:url({STYLEIMGDIR}/ndsns_hot03.png) repeat-x 0 0; border: 1px solid #D3D3D3; color: #666; font-size: 12px; line-height: 18px; text-align: center; }
.ndhot_con_right dd{ background:url({STYLEIMGDIR}/ndsns_hot_icon.png) no-repeat scroll 3px 6px; padding-left:16px; height:20px; line-height:20px; border-bottom:1px dashed #069; font-size:12px;}
.ndhot_con_right dd span{ float:right; color:#999;}
.ndhot_con_right dd a{ color:#127BBF; text-decoration:none;}
</style>
<script type="text/javascript">
function showTab(name,cur,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cur?"ndsns_hov":"";
con.className=i==cur?"":"ndsns_hid";
}
}
</script>
<div class="ndsns_hot_title">
<h3 class="ndhot_t_left"><span>焦点图片</span></h3>
<ul class="ndhot_t_right">
<li><a id="hot1" onmouseover="showTab('hot',1,7)" class="ndsns_hov" >今日热门</a></li>
<li><a id="hot2" onmouseover="showTab('hot',2,7)">最新主题</a></li>
<li><a id="hot3" onmouseover="showTab('hot',3,7)">最新回复</a></li>
<li><a id="hot4" onmouseover="showTab('hot',4,7)">活动看台</a></li>
<li><a id="hot5" onmouseover="showTab('hot',5,7)">便民向导</a></li>
<li><a id="hot6" onmouseover="showTab('hot',6,7)">新手教程</a></li>
<li><a id="hot7" onmouseover="showTab('hot',7,7)">活跃会员</a></li>
</ul>
</div>
<div class="ndsns_hot_con">
<div class="ndhot_con_left">
<div id="ndsns01" class="area"></div>
</div>
<div class="ndhot_con_right">
<div id="con_hot_1">
<div id="ndsns02" class="area"></div>
</div>
<div id="con_hot_2" class="ndsns_hid">
<div id="ndsns03" class="area"></div>
</div>
<div id="con_hot_3" class="ndsns_hid">
<div id="ndsns04" class="area"></div>
</div>
<div id="con_hot_4" class="ndsns_hid">
<div id="ndsns05" class="area"></div>
</div>
<div id="con_hot_5" class="ndsns_hid">
<div id="ndsns06" class="area"></div>
</div>
<div id="con_hot_6" class="ndsns_hid">
<div id="ndsns07" class="area"></div>
</div>
<div id="con_hot_7" class="ndsns_hid">
<div class="con_hot_spe">
<div id="ndsns08" class="area"></div>
</div>
<div class="con_hot_spe">
<div id="ndsns09" class="area"></div>
</div>
<div class="con_hot_spe">
<div id="ndsns10" class="area"></div>
</div>
</div>
</div>
</div>
</div>

复制代码

附件下载：

游客，如果您要查看本帖隐藏内容请回复

附件下载：

游客，如果您要查看本帖隐藏内容请回复

5188518 · 发表于 2011-5-29 17:14:48

{:soso_e102:}谢谢！！！~

酒儛贰柒 · 发表于 2011-5-30 12:49:30

这个要得！帅狠

酒儛贰柒 · 发表于 2011-5-30 18:20:53

很需要支持

bingozh · 发表于 2011-6-2 09:45:51

哈哈，俺又省事了，谢谢先

tangniyuqi · 发表于 2011-6-9 15:48:43

试试可来咳咳咳

goodzhuye · 发表于 2011-6-10 22:15:07

这么好的东西要顶啊

shakesxia · 发表于 2011-6-17 13:59:57

好东东下下来看看

D_hong · 发表于 2011-6-17 21:59:57

好耶！功能强大啊

huanglv80 · 发表于 2011-6-20 04:01:12

前来看看那

Discuz X1.5仿厦门小鱼网论坛首页焦点切换

相关帖子