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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 黄集网二级导航,很漂亮。

[复制链接]
amotefan 发表于 2012-3-25 07:08:53 | 显示全部楼层 |阅读模式
本帖最后由 amotefan 于 2012-3-25 07:37 编辑



四个图片, 自己另存为,上传到自己需要的文件夹。

把图片链接和文字链接地址改成自己的,
自己首页DIY添加,和后台广告添加代码都行。。

演示:http://www.xzwoaini.com/portal.php
  1. <style type="text/css">
  2. #nav_2 {
  3. margin-left:-1px;
  4. border-bottom: 1px solid #cdcdcd;
  5. border-left: 1px solid #e2d1b8;
  6. border-right: 1px solid #e2d1b8;
  7. border-top: none; background:url(/static/image/diy/dh5.png) repeat-x left bottom;
  8. padding:10px;
  9. overflow:hidden;
  10. zoom:1;
  11. width:938px;
  12. }
  13. #nav_2 ul { float:left; padding-left:52px; border-right:1px solid #e3e3e2; font-size:14px; height:55px; margin-top:0px; color:#616161; line-height:30px;}
  14. #nav_2 ul li { float:left; white-space:nowrap;display:block;}
  15. #nav_2 ul li.common { margin-right:12px;_margin-right:5px;}
  16. #nav_2 ul li a{ color:#616161; padding:2px;}
  17. #nav_2 ul li a:hover { color:#FF6C00; background:#fefbec; border:1px solid #febf90; padding:1px;text-decoration:none;}
  18. #nav_2 ul.civilian{ background:url(/static/image/diy/dh1.gif) no-repeat 10px 0;width:144px; }
  19. #nav_2 ul.consumption { background:url(/static/image/diy/dh2.gif) no-repeat 10px 0; width:144px;}
  20. #nav_2 ul.mode { background:url(/static/image/diy/dh3.gif) no-repeat 10px 0; width:300px;}
  21. #nav_2 ul.life { width:131px; background:url(/static/image/diy/dh4.gif) no-repeat 10px 0; border-right:none;}
  22. #nav_2 ul.life li{display:block; }
  23. #nav_2 ul.mode li img.new_icon{display:block; }
  24. </style>
  25. <div id="nav_2">
  26. <ul class="civilian">
  27. <li class="common"><a href="forum.php?mod=forumdisplay&fid=58">黄集新闻</a></li><li><a href="forum.php?mod=forumdisplay&fid=60">黄集概况</a></li>
  28. <li class="common"><a href="forum.php?mod=forumdisplay&fid=81">黄集企业</a></li><li><a href="forum.php?mod=forumdisplay&fid=66">百姓呼声</a></li>
  29. </ul>
  30. <ul class="consumption">
  31. <li class="common"><a href="forum.php?gid=75">商家店铺</a></li><li><a href="forum.php?mod=forumdisplay&fid=72">求职招聘</a></li>
  32. <li class="common"><a href="forum.php?mod=forumdisplay&fid=116">房产信息</a></li><li><a href="forum.php?mod=forumdisplay&fid=86">二手市场</a></li>
  33. </ul>
  34. <ul class="mode">
  35. <li class="common"><a href="forum.php?mod=forumdisplay&fid=114">家有宠物</a></li><li class="common"><a href="home.php">黄集家园</a></li><li class="common"><a href="group.php">黄集群组</a></li><li><a href="userapp.php">游戏应用</a></li><li

  36. class="common"><a

  37. href="forum.php?mod=forumdisplay&fid=67">黄集拍客</a></li><li class="common"><a href="plugin.php?id=ssyyy_tv:tv">网络电视</a></li><li><a href="misc.php?mod=mobile">手机版</a></li><li><img

  38. class=new_icon src="/static/image/diy/new.gif"></li><li><a href="plugin.php?id=vchat:vc">聊天室</a></li><li><img

  39. class=new_icon src="/static/image/diy/new.gif"></li></ul>
  40. <ul class="life">
  41. <li class="common"><a href="forum.php?mod=forumdisplay&fid=113">女人帮</a></li><li><a href="plugin.php?id=diantai:diantai">音乐电台</a></li><li class="common"><a href="forum.php?mod=forumdisplay&fid=111">情感基地</a></li><li><a href="forum.php?mod=forumdisplay&fid=107">婚嫁</a></li><li><img class=new_icon

  42. src="/static/image/diy/n.gif"></li>
  43. </ul>
  44. </div>
  45. <!--以上是黄集论坛二级导航,结束 -->
复制代码
有需要本站门户模板的,看此贴就行了。。

https://discuz.dismall.com/thread-2710094-1-1.html

本帖子中包含更多资源

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

x
听吧 发表于 2012-3-25 07:10:35 | 显示全部楼层
路过看看,也学习学习。
回复

使用道具 举报

abcnic 发表于 2012-3-25 07:12:42 | 显示全部楼层
不错 支持了呢  
回复

使用道具 举报

apollo2010 发表于 2012-3-25 10:31:11 | 显示全部楼层
回复

使用道具 举报

a475305268 发表于 2012-3-25 13:54:53 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

zg-chen 发表于 2012-3-25 13:57:30 | 显示全部楼层
推荐一款免费帮你在刷百度相关搜索、联想下拉推荐、网页快照排名的软件:互刷天下!
邀请码:1a2911f1cc7d42b9b232aa749d4b8dee【每日仅限前20名注册用户有效】
下载地址:http://www.hushuatianxia.com/BrushWorld.rar
注册方法:下载后运行软件注册。
回复

使用道具 举报

飞扬吉他 发表于 2012-4-4 02:49:46 | 显示全部楼层
不错,好看
回复

使用道具 举报

beautiful_leo 发表于 2012-4-14 18:45:48 | 显示全部楼层
呵呵 不错  很漂亮的导航哦  需要的快下载吧  www.520say.com
回复

使用道具 举报

静者,心多妙! 发表于 2012-4-14 19:12:18 | 显示全部楼层
不错@!
回复

使用道具 举报

 楼主| amotefan 发表于 2012-4-23 09:45:49 | 显示全部楼层
不好吗
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 18:03 , Processed in 0.030534 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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