Discuz首页DIY N格 比较经典

  [复制链接]
ARCHY明星会员实名认证 发表于 2012-7-25 19:08:44 显示全部楼层 |阅读模式 上一主题 下一主题
discuz使用视频教程

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
DIY的N格已经发布了好几款了,但样式不够丰富,今天就再发一款上来,下面先上图

Discuz首页DIY N格 比较经典

Discuz首页DIY N格 比较经典


手动修改方法:
请按以下步骤:

一、找到“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即可;

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


推荐相关N格DIY:

1、DIY3格插件(图片栏+最新帖子+最新回复+最新热点)多种样式GBK/UTF8

2、简洁的DIY4格插件 X2.5 GBK/UTF8

3、Discuz首页13格很强大的N格(DIY一键导入)




上一篇:Discuz首页13格很强大的N格(DIY一键导入)
下一篇:时尚环保绿色模板(带免费门户) For x3

大神点评513

小邪明星会员实名认证 发表于 2012-7-25 20:17:09 显示全部楼层
不错,学习了
有事直接私聊
LAP 发表于 2012-7-25 20:17:47 显示全部楼层
支持啊.我想问其实模版的修改二次开发就是差不多这个样子的吗
http://www.col0r.net  帮助QQ:786893337  能提供网站建设. 美工. 模版制作等服务   .有偿服务
 楼主| ARCHY明星会员实名认证 发表于 2012-7-25 21:47:43 显示全部楼层
Drenched 发表于 2012-7-25 20:17
支持啊.我想问其实模版的修改二次开发就是差不多这个样子的吗

这些都是模板,不涉及到开发
梦康 发表于 2012-7-25 22:25:22 显示全部楼层
一直在等这个,终于出了!
非一般感觉明星会员实名认证 发表于 2012-7-25 22:34:08 显示全部楼层
很不错滴
投机 发表于 2012-7-26 03:59:51 显示全部楼层
真的是天天有新料啊
小色猪 发表于 2012-7-26 12:50:07 显示全部楼层
请问站长 你这论坛在哪买的空间啊 买的是服务器还是VPS啊
/奋斗^_~ 发表于 2012-7-26 23:00:00 显示全部楼层
这个很经典!这个可以用
阳炎 发表于 2012-7-27 07:11:46 显示全部楼层
学习了
阳炎 发表于 2012-7-27 07:12:31 显示全部楼层
小色猪 发表于 2012-7-26 12:50
请问站长 你这论坛在哪买的空间啊 买的是服务器还是VPS啊

大A买的是云主机
千夜  网站建设  搜索优化  系统运维  域名主机  QQ:491521473
yy976185225 发表于 2012-7-27 10:44:40 显示全部楼层
回复~下载资源。谢谢LZ~
 发表于 2012-7-27 19:49:46
好还念过去的版本
 发表于 2012-7-27 19:49:47
我还记得当初火狼N格出来的时候发展到DZ7.2是他的顶峰也是最后一个版本就消失了很可惜 他的坚持没错但是内幕我们不知道
7089588 发表于 2012-7-28 22:13:35 显示全部楼层
看看  是否能拿下
若 是 你 累 了 请 回 头 看 看 我 一 直 都 在 . . .
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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