Discuz教程网

1314学习网»站长论坛 › discuz资源中心 › discuz教程 › discuzX3.0 完美的diy N格，支持各种浏览器，无错！
返回列表 发新帖

[使用教程] discuzX3.0 完美的diy N格，支持各种浏览器，无错！

  [复制链接]
authicon 小白 发表于 2013-6-5 21:48:02 | 显示全部楼层 |阅读模式
141327d6or65lk6y9f6976.png.thumb.jpg

说明：
      （1）必须是discuzX3.0，而且是gbk版本，完美支持游客伪静态，登陆动态。
      （2）前三个（本周热门、最新主题、最新回复）和最后一个（会员排行）不能修改，顺序也无法改变，除非你懂代码修改，恕不提供这方面咨询。
      （3）本N格完美支持各种浏览器。

安装方法：
1。下载附件并解压。
2。修改框架：
论坛template—default—forum—discuz.htm（如果是自定义模板请找到对应目录

），用右键点击，”打开方式“选择”记事本“，修改如下代码：
找到
  1. <div class="mn">
复制代码


在上面添加
  1. <!-- Start jzbar.net Hot -->
  2. <div class="ndsns_hot">
  3. <style type="text/css">
  4. .ndsns_hot { background:#FFF; margin:8px 0; width:958px; border:1px solid #DADADA }
  5. .ndsns_hot_title { background: url(static/image/common/ndsns_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.ndsns_hov { background: url("static/image/common/ndsns_hot02.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; }
  14. .ndsns_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 .ndsns_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/ndsns_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/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;}
  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?"ndsns_hov":"";
  35.                           con.className=i==cur?"":"ndsns_hid";
  36.                 }
  37.           }
  38.   </script>
  39.   <div class="ndsns_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="ndsns_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="ndsns_hot_con">
  52.     <div class="ndhot_con_left"><!--[diy=ndsns01]-->
  53.       <div id="ndsns01" class="area"></div>
  54.       <!--[/diy]--></div>
  55.     <div class="ndhot_con_right">
  56.       <div id="con_hot_1">
  57.         <!--[diy=ndsns02]-->
  58.         <div id="ndsns02" class="area"></div>
  59.         <!--[/diy]-->
  60.       </div>
  61.       <div id="con_hot_2" class="ndsns_hid">
  62.         <!--[diy=ndsns03]-->
  63.         <div id="ndsns03" class="area"></div>
  64.         <!--[/diy]-->
  65.       </div>
  66.       <div id="con_hot_3" class="ndsns_hid">
  67.         <!--[diy=ndsns04]-->
  68.         <div id="ndsns04" class="area"></div>
  69.         <!--[/diy]-->
  70.       </div>
  71.       <div id="con_hot_4" class="ndsns_hid">
  72.         <!--[diy=ndsns05]-->
  73.         <div id="ndsns05" class="area"></div>
  74.         <!--[/diy]-->
  75.       </div>
  76.       <div id="con_hot_5" class="ndsns_hid">
  77.         <!--[diy=ndsns06]-->
  78.         <div id="ndsns06" class="area"></div>
  79.         <!--[/diy]-->
  80.       </div>
  81.       <div id="con_hot_6" class="ndsns_hid">
  82.         <!--[diy=ndsns07]-->
  83.         <div id="ndsns07" class="area"></div>
  84.         <!--[/diy]-->
  85.       </div>
  86.       <div id="con_hot_7" class="ndsns_hid">
  87.         <div class="con_hot_spe">
  88.           <!--[diy=ndsns08]-->
  89.           <div id="ndsns08" class="area"></div>
  90.           <!--[/diy]-->
  91.         </div>
  92.         <div class="con_hot_spe">
  93.           <!--[diy=ndsns09]-->
  94.           <div id="ndsns09" class="area"></div>
  95.           <!--[/diy]-->
  96.         </div>
  97.         <div class="con_hot_spe">
  98.           <!--[diy=ndsns10]-->
  99.           <div id="ndsns10" class="area"></div>
  100.           <!--[/diy]-->
  101.         </div>
  102.       </div>
  103.     </div>
  104.   </div>
  105. </div>
  106. <!--// End jzbar.net Hot -->
复制代码


复制代码
上传覆盖，后台更新缓存（一定要更新）。
上面的代码中的如下中文信息请修改为你自己论坛对应的板块名称：
  1. <li><a id="hot1" onmouseover="showTab('hot',1,7)" class="ndsns_hov" >本周热门</a></li>
  2. <li><a id="hot2" onmouseover="showTab('hot',2,7)">最新主题</a></li>
  3. <li><a id="hot3" onmouseover="showTab('hot',3,7)">最新回复</a></li>
  4. <li><a id="hot4" onmouseover="showTab('hot',4,7)">热门考试</a></li>
  5. <li><a id="hot5" onmouseover="showTab('hot',5,7)">精华主题</a></li>
  6. <li><a id="hot6" onmouseover="showTab('hot',6,7)">置顶帖子</a></li>
  7. <li><a id="hot7" onmouseover="showTab('hot',7,7)">会员排行</a></li>
复制代码


3。备份DIY：请备份首页DIY数据和需要覆盖的相关数据做，以备安装出错时可以

恢复到安装前状态，如果你没有DIY数据则本步可跳过。

4。上传资料：“首页N格”文件夹下的“static”和“template”两个文件夹中的

所有文件（包括上述修改保存后的discuz.htm)上传到网站相应的目录下。

5。打开论坛首页，用管理员登陆，点顶部"DIY",进入高级模式，再点“导入”，

将文件夹里的“forum_discuz.xml”后，修改调用数据，方法如下：
点击要调用的栏目，然后鼠标往下移，会出现“编辑”，点击“编辑”，“属性”

，相关的参数可以在里面修改，包括调用的版块。

一切修改完成后，点击最右上角“保存”即大功告成。
游客，如果您要查看本帖隐藏内容请回复



discuz, 模板, 首页N格, 伪静态, 高级模式



上一篇：修改X3默认导航 第一个 没有圆角的问题，不了解的看图
下一篇：教你如何在X3的帖子内容页增加百度分享按钮，简单方便！

相关帖子
回复

举报

authicon 蓝色忧郁 发表于 2013-6-6 04:48:29 | 显示全部楼层
很多模版自带N格了。不过觉得没1314的N格美观。而且功能也没这个强大。
回复

举报

authicon dly 发表于 2013-6-6 09:46:59 | 显示全部楼层
蓝色忧郁 发表于 2013-6-6 04:48
很多模版自带N格了。不过觉得没1314的N格美观。而且功能也没这个强大。

谢谢支持
回复

举报

authicon berwe 发表于 2013-6-6 22:34:34 | 显示全部楼层
强烈支持楼主ing……
回复

举报

authicon 8936 发表于 2013-6-9 21:25:37 | 显示全部楼层
看到这帖子真是高兴！我不得不顶了……
回复

举报

authicon bjwujie 发表于 2013-6-11 00:01:52 | 显示全部楼层
强烈支持楼主ing……我无语了……
回复

举报

authicon 小烦游戏 发表于 2013-6-11 09:13:25 | 显示全部楼层
强烈支持楼主ing……我只说两句……
回复

举报

authicon 倾城丶悲剧 发表于 2013-6-16 08:01:19 | 显示全部楼层
强烈支持楼主ing……
回复

举报

authicon 柠檬綠茶 发表于 2013-6-26 12:19:26 | 显示全部楼层
太生气了，无法HOLD啦 >_<......
回复

举报

authicon attaboy 发表于 2013-11-7 16:16:46 | 显示全部楼层
的撒的撒看了就
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2024-5-21 20:55

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表