Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[展示] 2.5正式版仿厦门小鱼首页N格

[复制链接]
winstonluo 发表于 2012-4-8 22:01:21 | 显示全部楼层 |阅读模式
本帖最后由 winstonluo 于 2012-7-2 13:53 编辑
  1. <!-- Start ahslu 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: #FF0000; }
  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:13px; 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 ahslu Hot -->
复制代码
请首先将上述代码中的中文标题改成你自己需要的,通过ftp下载2份你正在使用的风格discuz.htm文件,注意:请将其中一份留做备份另放,用记事本打开discuz.htm,找到:
  1. <div class="mn">
复制代码
最上面修改过的代码插入到<div class="mn">之前,保存后通过ftp上传回原来的文件夹。然后下载,解压后用管理员账号登录前台,点击DIY选择高级模式,将forum_discuz.xml文件导入,完成后保存即大功告成。

演示:http://jeremylin1.com

:以上为gbk,需要utf8的,用记事本打开文件然后保存为utf8即可

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

baish20088 发表于 2012-4-8 22:10:55 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

xjjyho 发表于 2012-4-9 10:57:03 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

q.w.w 发表于 2012-4-9 15:43:01 | 显示全部楼层
支持一下!www.banjiajia.com
回复

使用道具 举报

outdate 发表于 2012-4-9 15:43:46 | 显示全部楼层
回复

使用道具 举报

dgwuxian 发表于 2012-4-9 16:09:58 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

dxd1226 发表于 2012-4-9 20:02:49 | 显示全部楼层
楼主你好,我是新手,要是修改上面的:
曝光爆料
信息频道
会员排行

那调用其他版块该怎么修改?谢谢!
回复

使用道具 举报

dxd1226 发表于 2012-4-9 20:06:01 | 显示全部楼层
<li><a id="hot5">
============================================
</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]-->

这两个代码是上面意思 可以告诉下吗?
回复

使用道具 举报

 楼主| winstonluo 发表于 2012-4-9 20:44:18 | 显示全部楼层
dxd1226 发表于 2012-4-9 20:02
楼主你好,我是新手,要是修改上面的:
曝光爆料
信息频道

可以在DIY模块属性里指定你想要的版块数据,不用去管什么代码。
回复

使用道具 举报

dxd1226 发表于 2012-4-10 08:36:15 | 显示全部楼层
winstonluo 发表于 2012-4-9 20:44
可以在DIY模块属性里指定你想要的版块数据,不用去管什么代码。

好的,谢谢楼主!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 13:37 , Processed in 0.030976 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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