最新N格模块，喜欢的拿去

先来看下效果图：


厦门婚纱摄影 http://www.7photos.cn  

具体演示地址：http://www.sv45.com/forum.php

完全的数据自调用，更新采用后台的数据调用方式非前台DIY，不知道怎么后台调用的可以搜索下教程或是将

<!--{block/23}-->

等相关改成
<style id="diy_style" type="text/css"></style>
    <div class="wp">
        <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
    </div>

安装步骤：
首先在  css文件里加入以下引用代码

1. /*论坛中部N格部分*/
   
2. .ndsns_hot_title { background: url(../../images/ico/ndsns_hot01.png) repeat-x scroll 0 0
   
3. 
   
4. transparent; border-bottom: 3px solid #E7001C; height: 30px; }
   
5. .ndhot_t_right { display: inline; float:left; padding-right: 15px; padding-top: 5px; }
   
6. .ndhot_t_right ul { list-style-type: none; margin: 0; padding: 0; }
   
7. .ndhot_t_right li { display: inline; float:left;margin-left: 10px; border-top:1px solid
   
8. 
   
9. #999999;border-left:1px solid #999999;border-right:1px solid #999999}
   
10. .ndhot_t_right li a { color: #999999; display: block; font-size: 12px; height: 24px; line-
    
11. 
    
12. height: 24px; text-align: center; text-decoration: none; width: 65px; }
    
13. .ndhot_t_right li a:hover { text-decoration: none;color: #ED6D00; height: 24px;width:
    
14. 
    
15. 65px;}
    
16. .ndhot_t_right li a.ndsns_hov { color: #999999;border-top:1px solid #2A2D35;border-left:1px
    
17. 
    
18. solid #2A2D35;border-right:1px solid #2A2D35}

复制代码

然后在后台的数据调用（门户  --  模块摸版 -- 添加 --帖子模块），然后将以下代码复制进去

1. <!--N格开始-->
   
2.     <div id="qh-banner" class="qh-banner-two">
   
3.                 <div class="qh-banner-two-l"><!--{block/18}--></div>        
   
4.         <div class="qh-banner-two-r">
   
5.     <div class="ndsns_hot">
   
6.     <script type="text/javascript">
   
7.       function showTab(name,cur,n){
   
8.      for(i=1;i<=n;i++){
   
9.           var menu=document.getElementById(name+i);
   
10.          var con=document.getElementById("con_"+name+"_"+i);
    
11.           menu.className=i==cur?"ndsns_hov":"";
    
12.           con.className=i==cur?"":"ndsns_hid";
    
13.      }
    
14.   }
    
15.   </script>
    
16.     <div class="ndsns_hot_title">
    
17.       <ul class="ndhot_t_right">
    
18.         <li><a id="hot1" onmouseover="showTab('hot',1,7)" class="ndsns_hov" >最新主题</a></li>
    
19.         <li><a id="hot2" onmouseover="showTab('hot',2,7)">最新回复</a></li>
    
20.         <li><a id="hot3" onmouseover="showTab('hot',3,7)">推荐主题</a></li>
    
21.         <li><a id="hot4" onmouseover="showTab('hot',4,7)">热门主题</a></li>
    
22.       </ul>
    
23.     </div>
    
24.     <div class="ndsns_hot_con">
    
25.       <div class="ndhot_con_right">
    
26.         <div id="con_hot_1"><!--{block/19}--></div>
    
27.         <div id="con_hot_2" class="ndsns_hid"><!--{block/20}--></div>
    
28.         <div id="con_hot_3" class="ndsns_hid"><!--{block/21}--></div>
    
29.         <div id="con_hot_4" class="ndsns_hid"><!--{block/22}--></div>
    
30.       </div>
    
31.     </div>
    
32.   </div>
    
33.         </div>
    
34.     </div>
    
35. <!--N格开始-->

复制代码

如果你也是后台数据调用的话就到后台模块管理里再添加个调用数据，如果不是就跟上面的说的DIY代码替换<!--{block/23}-->然后进行数据的DIY调用即可

提醒：由于文件彻底的修改所以有可能代码有些跟原有的代码不符合，所以可能大伙们拿去要做下细微的调整后才可以继续使用，此N格仅供参考学习

很好看

还可以哦~！

LZ 贵论坛的模版可以分享一下吗 非常好看！

有了，不再需要了

路过。。。。
http://www.huoyuanku.com

模板做得不错