163K网站系统

 找回密码
 注册
200588 发表于 2016-10-10 10:24:51 | 显示全部楼层 |阅读模式
主题607 | 帖子1861 | 积分0

[开发咨询] 二级导航(纯净版)无链接,无需修改直接保存即可用

[复制链接]
1、找到以下目录template\pc\main\default\head中的head8.html文件
最下面添加以下代码:


  1. <div class="sub_nav_7"><div class="inner">
  2.                         <ul class="clearfix">
  3.                                 <li class="p_1"><p class="p">资讯</p><ul class="ul">
  4.                                         <li><a href="/article/list_88_s0_p1.html" target="_blank" class="bold0" style="color:;">最新新闻</a></li><li><a href="/article/list_88_s2463_p1.html" target="_blank" class="bold0" style="color:;">通知公告</a></li><li><a href="/article/list_24_s0_p1.html" target="_blank" class="bold0" style="color:#FF0000;">网友爆料</a></li><li><a href="/article/list_23_s0_p1.html" target="_blank" class="bold0" style="color:;">生活关注</a></li>
  5.                                 </ul></li>
  6.                                                                 <li class="p_3"><p class="p">信息</p><ul class="ul">
  7.                                         <li><a href="/live/default.html?lie=0&pic=&colname=5" target="_blank" class="bold0" style="color:;">兴趣交友</a></li><li><a href="/live/default.html?lie=0&pic=&colname=1" target="_blank" class="bold0" style="color:;">二手交易</a></li><li><a href="/live/default.html?lie=0&pic=&colname=4" target="_blank" class="bold0" style="color:;">生活服务</a></li><li><a href="/live/default.html?lie=0&pic=&colname=8" target="_blank" class="bold0" style="color:;">教育培训</a></li><li><a href="/live/default.html?lie=0&pic=&colname=7" target="_blank" class="bold0" style="color:;">汽车交易</a></li><li><a href="/live/default.html?lie=0&pic=&colname=6" target="_blank" class="bold0" style="color:#FF0000;">顺 风 车</a></li>
  8.                                 </ul></li>
  9.                                         <li class="p_2"><p class="p">房产</p><ul class="ul">
  10.                                         <li><a href="/house/" target="_blank" class="bold0" style="color:;">楼盘</a></li><li><a href="/house/chushou.html" target="_blank" class="bold0" style="color:;">二手房</a></li><li><a href="/house/xuqiu.html" target="_blank" class="bold0" style="color:;">求租求购</a></li><li><a href="/house/zhongjie.html" target="_blank" class="bold0" style="color:;">中介</a></li><li><a href="/live/default.html?lie=0&pic=&colname=2" target="_blank" class="bold0" style="color:;">出租房</a></li><li><a href="/map/chuzhufang.aspx" target="_blank" class="bold0" style="color:;">地图找房</a></li>
  11.                                 </ul></li>
  12.                                 <li class="p_4"><p class="p">职场</p><ul class="ul">
  13.                                         <li><a href="/live/default.html?lie=0&pic=&colname=3&key=166" target="_blank" class="bold0" style="color:;">找工作</a></li><li><a href="/live/default.html?lie=0&pic=&colname=3&key=165" target="_blank" class="bold0" style="color:;">找人才</a></li><li><a href="/live/fabu.html?id=165" target="_blank" class="bold0" style="color:;">求职信</a></li><li><a href="/live/fabu.html?id=166" target="_blank" class="bold0" style="color:;">发职位</a></li>
  14.                                 </ul></li>
  15.                                 <li class="p_5"><p class="p">购物</p><ul class="ul">
  16.                                         <li><a href="/mall/" target="_blank" class="bold0" style="color:;">今日秒杀</a></li><li><a href="/k/" target="_blank" class="bold0" style="color:;">本地网店</a></li><li><a href="/gift/index.html" target="_blank" class="bold0" style="color:;">礼品兑换</a></li><li><a href="/k2.html" target="_blank" class="bold0" style="color:;">本地外卖</a></li><li><a href="/k1.html" target="_blank" class="bold0" style="color:;">百货超市</a></li><li><a href="/company/join.aspx" target="_blank" class="bold0" style="color:#008B00;">商家入驻</a></li>
  17.                                 </ul></li>
  18.                         </ul>
  19.                 </div></div>
复制代码



代码里面的链接和文字改为你自己的,不修改也可以用,链接都是默认的后链。
2、找到以下目录template\pc\main\default\skin中的head8.css文件
最下面添加以下代码:


  1. /*二级导航*/

  2. .sub_nav_7 .p { background:url(../images/index2013_7_sp.gif) no-repeat 0 0;}
  3. .city_inner,.city .city_inner .po .close,.searcher,.nav .last a,.sub_nav_7 .p { background:url(../images/index2013_7_sp.gif) no-repeat 0 0;}

  4. .sub_nav li { background-position:-415px -141px;}
  5. .sub_nav_7 { border:1px solid #ebebeb; border-top:0 none; font-size:14px;}
  6. .sub_nav_7 li { float:left;}
  7. .sub_nav_7 .p_1,.sub_nav_7 .p_2,.sub_nav_7 .p_3,.sub_nav_7 .p_4,.sub_nav_7 .p_5 { padding:10px 20px 10px 25px; border-right:1px solid #ebebeb;}
  8. .sub_nav_7 .p_5 { border-right:0 none;}
  9. .sub_nav_7 .p_1 .ul { width:132px;}
  10. .sub_nav_7 .p_2 .ul { width:156px;}
  11. .sub_nav_7 .p_3 .ul { width:198px;}
  12. .sub_nav_7 .p_4 .ul { width:104px;}
  13. .sub_nav_7 .p_5 .ul { width:198px;}
  14. .sub_nav_7 .ul { float:left; display:inline; margin-left:8px; line-height:24px;}
  15. .sub_nav_7 .ul li { display:inline; margin:0 5px;}
  16. .sub_nav_7 .p { float:left; width:28px; color:#f40; text-align:center; padding-top:25px; margin-top:3px;}
  17. .sub_nav_7 .p_1 .p { background-position:0 0;}
  18. .sub_nav_7 .p_2 .p { background-position:0px -56px;}
  19. .sub_nav_7 .p_3 .p { background-position:0px -112px;}
  20. .sub_nav_7 .p_4 .p { background-position:0px -168px;}
  21. .sub_nav_7 .p_5 .p { background-position:0px -224px;}
复制代码


保存这不是为了别的,是为了自己以后用比较方便。【版权归原作者】
有需要的也可以看看样板图, 样板图 回帖可见。所以不需要的也就不用回帖了。


本帖子中包含更多资源

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

x
705416 发表于 2016-10-10 11:23:13 | 显示全部楼层
主题38 | 帖子116 | 积分0

看看看看看看看
996605 发表于 2016-10-10 11:50:42 | 显示全部楼层
主题2 | 帖子4 | 积分0

ok,借鉴一下
197119 发表于 2016-10-10 15:40:13 | 显示全部楼层
主题25 | 帖子69 | 积分0

看看看看看看看
168628 发表于 2016-10-10 16:58:57 | 显示全部楼层
主题23 | 帖子70 | 积分0

感谢,太好了!
545338 发表于 2016-10-10 17:13:24 | 显示全部楼层
主题11 | 帖子22 | 积分0

kkkkkkkkkkkkkkkkkkkkk
1270556 发表于 2016-10-10 22:06:25 | 显示全部楼层
主题2 | 帖子18 | 积分0

看看效果111111111111
4969095 发表于 2016-10-10 23:39:47 | 显示全部楼层
主题4 | 帖子28 | 积分0

什么鬼?打开看看
251623 发表于 2016-10-11 11:13:02 | 显示全部楼层
主题19 | 帖子36 | 积分0

看看看看看看看
251075 发表于 2016-10-11 13:24:34 | 显示全部楼层
主题19 | 帖子362 | 积分0

看看效果,最好把你的网址发来看下。
876904 发表于 2016-10-11 16:12:52 | 显示全部楼层
主题10 | 帖子21 | 积分0

看看看在眼里
189338 发表于 2016-10-11 21:43:13 | 显示全部楼层
主题47 | 帖子141 | 积分0

感谢,太好了!
834887 发表于 2016-10-12 12:48:12 | 显示全部楼层
主题28 | 帖子48 | 积分0

看看看看看看
531991 发表于 2016-10-13 16:48:40 来自手机 | 显示全部楼层
主题5 | 帖子13 | 积分0

没得效果???想看看
173743 发表于 2016-10-13 21:01:09 | 显示全部楼层
主题11 | 帖子21 | 积分0

谢谢你 有事情q我 常联系 一起发展
136588 发表于 2016-10-14 00:40:13 | 显示全部楼层
主题7 | 帖子32 | 积分0

这个应该很不错哦
518874 发表于 2016-10-14 22:39:41 | 显示全部楼层
主题29 | 帖子188 | 积分0

看看看看看看看看
496339 发表于 2016-10-15 22:39:34 | 显示全部楼层
主题1 | 帖子9 | 积分0

样图是啥样的?看看先
894925 发表于 2016-10-16 14:43:13 | 显示全部楼层
主题1 | 帖子8 | 积分0

看看看看看看看
909539 发表于 2016-10-16 22:18:29 | 显示全部楼层
主题30 | 帖子160 | 积分0

已经按其它的站长弄。弄了这个的确好看很多。
389293 发表于 2016-10-17 21:34:31 | 显示全部楼层
主题96 | 帖子378 | 积分0

kanxyiaxiashisnem
309664 发表于 2016-10-19 17:44:14 | 显示全部楼层
主题9 | 帖子35 | 积分0

jhkhkhkjhjkkllkkjljkljkljlkjkljkljlkjkljkljlkjl
169169 发表于 2016-10-19 22:37:35 | 显示全部楼层
主题4 | 帖子31 | 积分0

看看看看看看看
372543 发表于 2016-10-20 20:15:20 | 显示全部楼层
主题14 | 帖子19 | 积分0

看看看看看看看
963290 发表于 2016-10-21 10:30:41 | 显示全部楼层
主题3 | 帖子4 | 积分0

什么样的  我想换导航
169169 发表于 2016-10-21 14:42:27 | 显示全部楼层
主题4 | 帖子31 | 积分0

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

本版积分规则

163K,为互联网事业发展提供源动力!

小黑屋|手机版|Archiver|163k.com.   

© 2001-2013 Comsenz Inc.( 皖ICP备11020229号

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