官方没有这个首页N格，分享下，纯DIY

模板支持:GBK简体  语言编码。
适用版本iscuz! X2 Discuz! X2.5 。
模板色系:蓝色 。
本人亲测、放心使用、无错位、
更新缓存
预览


手动修改方法：

请按以下步骤：
一、找到“template\default\forum\Discuz.htm”模板，打开查找

1. <!--{if empty($gid)}-->
   
2. <div class="wp">
   
3. <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
   
4. </div>
   
5. <!--{/if}-->

复制代码

在后面添加这个

1. <!-- Start zhanhelp.com Hot -->
   
2. <div class="zhanhelp_hot">
   
3. <style type="text/css">
   
4. .zhanhelp_hot { background:#FFF; margin:8px 0; width:958px; border:1px solid #DADADA }
   
5. .zhanhelp_hot_title { background: url(static/image/common/zhanhelp_hot01.png) repeat-x scroll 0 0 transparent; border-bottom: 3px solid #4284CE; height: 30px; }
   
6. .ndhot_t_left { display: inline; float: left; padding-left: 20px; margin-top: 5px; }
   
7. .ndhot_t_left span { display:block; background:#4284CE; border: 1px solid #4284CE; color: #FFF; font-size: 12px; height: 24px; line-height: 24px; text-align: center; width: 70px; }
   
8. .ndhot_t_right { display: inline; float: right; padding-right: 15px; padding-top: 5px; }
   
9. .ndhot_t_right ul { list-style-type: none; margin: 0; padding: 0; }
   
10. .ndhot_t_right li { display: inline; float: left; margin-left: 10px; }
    
11. .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; }
    
12. .ndhot_t_right li a:hover { text-decoration: none; }
    
13. .ndhot_t_right li a.zhanhelp_hov { background: url("static/image/common/zhanhelp_hot02.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; }
    
14. .zhanhelp_hot_con { padding:2px; overflow:hidden; height:222px;}
    
15. .ndhot_con_left { width:330px; height:220px; float:left; overflow:hidden }
    
16. .ndhot_con_right { width:620px; float:right;}
    
17. .ndhot_con_right .zhanhelp_hid { display:none; }
    
18. .ndhot_con_right ul{ margin-top:7px;}
    
19. .ndhot_con_right li { float:left; width:49%; font-size:14px; overflow:hidden; height:30px; line-height:30px; }
    
20. .ndhot_con_right li a { color:#666; }
    
21. .ndhot_con_right li span a { color:#197CBD; }
    
22. .ndhot_con_right li span.spe { font-family:'宋体'; font-weight:bold; }
    
23. .ndhot_con_right .con_hot_spe{ width:185px; float:left; padding:7px 10px 0; }
    
24. .ndhot_con_right dt { background:url(static/image/common/zhanhelp_hot03.png) repeat-x 0 0; border: 1px solid #D3D3D3; color: #666; font-size: 12px; line-height: 18px; text-align: center; }
    
25. .ndhot_con_right dd{ background:url({static/image/common/zhanhelp_hot_icon.png) no-repeat scroll 3px 6px; padding-left:16px; height:20px; line-height:20px; border-bottom:1px dashed #069; font-size:12px;}
    
26. .ndhot_con_right dd span{ float:right; color:#999;}
    
27. .ndhot_con_right dd a{ color:#127BBF; text-decoration:none;}
    
28. </style>
    
29. <script type="text/javascript">
    
30. function showTab(name,cur,n){
    
31. for(i=1;i<=n;i++){
    
32. var menu=document.getElementById(name+i);
    
33. var con=document.getElementById("con_"+name+"_"+i);
    
34. menu.className=i==cur?"zhanhelp_hov":"";
    
35. con.className=i==cur?"":"zhanhelp_hid";
    
36. }
    
37. }
    
38. </script>
    
39. <div class="zhanhelp_hot_title">
    
40. <h3 class="ndhot_t_left"><span>焦点图片</span></h3>
    
41. <ul class="ndhot_t_right">
    
42. <li><a id="hot1" onmouseover="showTab('hot',1,7)" class="zhanhelp_hov" >本周热门</a></li>
    
43. <li><a id="hot2" onmouseover="showTab('hot',2,7)">最新主题</a></li>
    
44. <li><a id="hot3" onmouseover="showTab('hot',3,7)">最新回复</a></li>
    
45. <li><a id="hot4" onmouseover="showTab('hot',4,7)">新生咨询</a></li>
    
46. <li><a id="hot5" onmouseover="showTab('hot',5,7)">心灵驿站</a></li>
    
47. <li><a id="hot6" onmouseover="showTab('hot',6,7)">校园生活</a></li>
    
48. <li><a id="hot7" onmouseover="showTab('hot',7,7)">活跃会员</a></li>
    
49. </ul>
    
50. </div>
    
51. <div class="zhanhelp_hot_con">
    
52. <div class="ndhot_con_left"><!--[diy=zhanhelp01]-->
    
53. <div id="zhanhelp01" class="area"></div>
    
54. <!--[/diy]--></div>
    
55. <div class="ndhot_con_right">
    
56. <div id="con_hot_1">
    
57. <!--[diy=zhanhelp02]-->
    
58. <div id="zhanhelp02" class="area"></div>
    
59. <!--[/diy]-->
    
60. </div>
    
61. <div id="con_hot_2" class="zhanhelp_hid">
    
62. <!--[diy=zhanhelp03]-->
    
63. <div id="zhanhelp03" class="area"></div>
    
64. <!--[/diy]-->
    
65. </div>
    
66. <div id="con_hot_3" class="zhanhelp_hid">
    
67. <!--[diy=zhanhelp04]-->
    
68. <div id="zhanhelp04" class="area"></div>
    
69. <!--[/diy]-->
    
70. </div>
    
71. <div id="con_hot_4" class="zhanhelp_hid">
    
72. <!--[diy=zhanhelp05]-->
    
73. <div id="zhanhelp05" class="area"></div>
    
74. <!--[/diy]-->
    
75. </div>
    
76. <div id="con_hot_5" class="zhanhelp_hid">
    
77. <!--[diy=zhanhelp06]-->
    
78. <div id="zhanhelp06" class="area"></div>
    
79. <!--[/diy]-->
    
80. </div>
    
81. <div id="con_hot_6" class="zhanhelp_hid">
    
82. <!--[diy=zhanhelp07]-->
    
83. <div id="zhanhelp07" class="area"></div>
    
84. <!--[/diy]-->
    
85. </div>
    
86. <div id="con_hot_7" class="zhanhelp_hid">
    
87. <div class="con_hot_spe">
    
88. <!--[diy=zhanhelp08]-->
    
89. <div id="zhanhelp08" class="area"></div>
    
90. <!--[/diy]-->
    
91. </div>
    
92. <div class="con_hot_spe">
    
93. <!--[diy=zhanhelp09]-->
    
94. <div id="zhanhelp09" class="area"></div>
    
95. <!--[/diy]-->
    
96. </div>
    
97. <div class="con_hot_spe">
    
98. <!--[diy=zhanhelp10]-->
    
99. <div id="zhanhelp10" class="area"></div>
    
100. <!--[/diy]-->
     
101. </div>
     
102. </div>
     
103. </div>
     
104. </div>
     
105. </div>
     
106. <!--// End zhanhelp.com Hot -->

复制代码

二、然后将“论坛N格”文件夹的“static”拷贝到根目录；
三、再导入forum_discuz.xml即可;

怎么没人顶贴呢

顶,不错呢

呵呵 支持一下吧！

呵呵 支持一下吧！

我喜欢这个哇癎MA X这个不错，顶一下

{:soso_e100:}  顶啊

学习了 谢谢

没有金币的在这里下载