模板制作修改 泰社区-精品小款新版化龙巷导航!

[复制链接]
晓宁、 发表于 2012-9-11 13:28:30 [模板制作修改] 显示全部楼层 |阅读模式 上一主题 下一主题

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

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

x
精品小款新版化龙巷二级导航!

使用方法:把解压后的static文件夹上传到根目录,然后站点-运营-全局页头二级导航栏广告将代码复制进去

然后将http://bbs.52taian.com替换成您自己的网址 !



演示效果

演示效果
  1. <STYLE type="text/css">
  2. .wapNote,.colNav4t dl,.colNav4t dt,.colNav4t dd a:hover,.colNav4t dd a:hover span,#miniSearch .btn-search,.navAd,.colNav4t dl div em{ background:url(http://bbs.52taian.com/static/image/common/gif.gif) no-repeat;}
  3. .wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
  4. .wapNote a {color:#ff6600;}
  5. .wapNote a:hover {text-decoration:underline;}

  6. #colNav4t { height:58px; padding:1px; _margin-top:5px;
  7. margin-bottom:5px; color:#325E7F;
  8. font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}

  9. .colNav4t { background:#F6F6F6;}
  10. .colNav4t a { color:#325E7F;}
  11. .colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
  12. .colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
  13. .colNav4t dl.navLife { width:260px;}
  14. .colNav4t dl.navTalk { width:180px;}
  15. .colNav4t dl.navService { width:160px;}
  16. .colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4575CD; padding-top:25px;
  17. background-position:-589px -55px;}
  18. .colNav4t dl.navLife dt { background-position:-620px -53px;}
  19. .colNav4t dl.navTalk dt { background-position:-651px -53px;}
  20. .colNav4t dl.navService dt { background-position:-681px -55px;}
  21. .colNav4t dd { margin-left:30px;}
  22. .colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
  23. .colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
  24. .colNav4t dd a span { position:relative; z-index:0; right:-2px; padding:0 7px 0 5px;padding-top:1px9;height:22px;line-height:22px;*cursor:pointer;}

  25. .colNav4t dd a:hover { text-decoration:none; color:#FFFFFF;}
  26. .colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
  27. .colNav4t dd a:hover span { background-position:100% -153px;}

  28. .colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
  29. .colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
  30. .colNav4t dl p { display:none; margin-top:5px; _margin-top:7px; padding:0 7px 5px 4px; border:1px solid #DDD; border-top:none; background:#FFF;}
  31. .colNav4t dl.moreOn { background-color:#FFF;}
  32. .colNav4t dl.moreOn em { display:none;}
  33. .STYLE2 {font-weight: bold}
  34. </style>
  35. <div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping">
  36. <dt class="navAd"><strong>互动</strong></dt><dd>
  37. <a target="_blank" href="http://bbs.52taian.com"><span>泰安拉呱</span></a>
  38. <a target="_blank" href="http://bbs.52taian.com"><span>招聘配置</span></a>
  39. <a target="_blank" href="http://bbs.52taian.com"><span>培训开发</span></a>
  40. <a target="_blank" href="http://bbs.52taian.com"><span>绩效管理</span></a>
  41. <a target="_blank" href="http://bbs.52taian.com"><span>薪酬福利</span></a>
  42. <a target="_blank" href="http://bbs.52taian.com"><span>劳动关系</span></a></dd>
  43. </dl>
  44. <dl class="navLife">
  45.   <dt class="STYLE2"><strong>生活</strong></dt><dd>
  46. <a target="_blank" href="http://bbs.52taian.com/"><span>综合讨论</span></a>
  47. <a target="_blank" href="http://bbs.52taian.com"><span>职业生涯</span></a>
  48. <a target="_blank" href="http://bbs.52taian.com"><span>案例分析</span></a>
  49. <a target="_blank" href="http://bbs.52taian.com"><span>校园招聘</span></a>
  50. <a target="_blank" href="http://bbs.52taian.com"><span>企业文化</span></a>
  51. <a target="_blank" href="http://bbs.52taian.com"><span>资料下载</span></a></dd>
  52. </dl>
  53. <dl class="navTalk">
  54. <dt><strong>服务</strong></dt><dd>
  55. <a target="_blank" href="http://bbs.52taian.com"><span>人资空间</span></a>
  56. <a target="_blank" href="http://bbs.52taian.com"><span>空间设计</span></a>
  57. <a target="_blank" href="http://bbs.52taian.com"><span>金币任务</span></a>
  58. <a target="_blank" href="http://bbs.52taian.com"><span>实名认证</span></a>
  59. </dd>
  60. </dl>
  61. <dl class="navService">
  62. <dt><strong>兴趣</strong></dt><dd>
  63. <a target="_blank" href="http://bbs.52taian.com"><span>日志</span></a><a target="_blank" href="http://bbs.52taian.com"><span>相册</span></a><a target="_blank" href="http://bbs.52taian.com"><span>应用</span></a><a target="_blank" href="http://bbs.52taian.com/"><span>博客</span></a><a target="_blank" href="http://bbs.52taian.com"><span>电台</span></a><a target="_blank" href="http://bbs.52taian.com"><span>星空</span></a>
  64. </dd>
  65. </dl></div>
  66. </div>
复制代码
图片附件下载:
static.rar (6.66 KB, 下载次数: 110)
参与人数 1元宝 +2 收起 理由
ARCHY + 2 很给力!

查看全部评分总评分 : 元宝 +2





上一篇:Discuz插件接口、插件模块和插件变量配置
下一篇:X2.5论坛开启内存优化出现提醒负数的解决方法
想我大唐威震远邦 烁烁其华堂堂乎疆 今我中华历经沧桑 愿我民族重振东方

大神点评19

 楼主| 晓宁、 发表于 2012-9-11 13:28:59 [模板制作修改] 显示全部楼层
沙发自己站
clswang 发表于 2012-9-11 14:16:22 [模板制作修改] 显示全部楼层
来支持下了啊
的确不错的哇
www.huaguow.com www.hanfanba.com www.shuyangweb.com www.qiwenguan.cn cygs.org
 楼主| 晓宁、 发表于 2012-9-11 15:05:21 [模板制作修改] 显示全部楼层
clswang 发表于 2012-9-11 14:16
来支持下了啊
的确不错的哇

谢谢
想我大唐威震远邦 烁烁其华堂堂乎疆 今我中华历经沧桑 愿我民族重振东方
 楼主| 晓宁、 发表于 2012-9-12 22:20:30 [模板制作修改] 显示全部楼层
感谢感谢
想我大唐威震远邦 烁烁其华堂堂乎疆 今我中华历经沧桑 愿我民族重振东方
olggl 发表于 2012-9-29 13:16:34 [模板制作修改] 显示全部楼层
很不错啊·~~
olggl 发表于 2012-9-29 13:34:31 [模板制作修改] 显示全部楼层
很不错。下载了。
olggl 发表于 2012-9-29 14:07:04 [模板制作修改] 显示全部楼层
很不错啊·~~
 楼主| 晓宁、 发表于 2012-9-29 17:20:37 [模板制作修改] 显示全部楼层
olggl 发表于 2012-9-29 14:07
很不错啊·~~

谢谢
想我大唐威震远邦 烁烁其华堂堂乎疆 今我中华历经沧桑 愿我民族重振东方
非一般感觉明星会员实名认证 发表于 2012-9-30 12:41:59 [模板制作修改] 显示全部楼层
呵呵 很不错的啊
神马都是浮云... ...
守望者 发表于 2012-10-14 15:54:25 [模板制作修改] 显示全部楼层
挺好看的 谢谢
拒绝裸奔的鱼 发表于 2013-3-6 10:13:20 [模板制作修改] 显示全部楼层
写的不错啊。。。很方便
泰社区 发表于 2013-3-22 21:55:18 [模板制作修改] 显示全部楼层
不错的哦
Mrli 发表于 2013-5-11 21:14:27 [模板制作修改] 显示全部楼层
很好的一个导航
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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