dz泰社区-精品小款新版化龙巷导航

大师兄

品小款新版化龙巷二级导航！

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

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

dz泰社区-精品小款新版化龙巷导航

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. 
   
7. #colNav4t { height:58px; padding:1px; _margin-top:5px;
   
8. margin-bottom:5px; color:#325E7F;
   
9. font:14px/1.5 Tahoma,Helvetica,Arial,"5b8b4f53";}
   
10. 
    
11. .colNav4t { background:#F6F6F6;}
    
12. .colNav4t a { color:#325E7F;}
    
13. .colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
    
14. .colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
    
15. .colNav4t dl.navLife { width:260px;}
    
16. .colNav4t dl.navTalk { width:180px;}
    
17. .colNav4t dl.navService { width:160px;}
    
18. .colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4575CD; padding-top:25px;
    
19. background-position:-589px -55px;}
    
20. .colNav4t dl.navLife dt { background-position:-620px -53px;}
    
21. .colNav4t dl.navTalk dt { background-position:-651px -53px;}
    
22. .colNav4t dl.navService dt { background-position:-681px -55px;}
    
23. .colNav4t dd { margin-left:30px;}
    
24. .colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
    
25. .colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
    
26. .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;}
    
27. 
    
28. .colNav4t dd a:hover { text-decoration:none; color:#FFFFFF;}
    
29. .colNav4t dd a:hover,.colNav4t dd a:hover span {background-position:-882px -153px;}
    
30. .colNav4t dd a:hover span { background-position:100% -153px;}
    
31. 
    
32. .colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
    
33. .colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
    
34. .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;}
    
35. .colNav4t dl.moreOn { background-color:#FFF;}
    
36. .colNav4t dl.moreOn em { display:none;}
    
37. .STYLE2 {font-weight: bold}
    
38. </style>
    
39. <div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping">
    
40. <dt class="navAd"><strong>互动</strong></dt><dd>
    
41. <a target="_blank" href="http://bbs.52taian.com"><span>泰安拉呱</span></a>
    
42. <a target="_blank" href="http://bbs.52taian.com"><span>招聘配置</span></a>
    
43. <a target="_blank" href="http://bbs.52taian.com"><span>培训开发</span></a>
    
44. <a target="_blank" href="http://bbs.52taian.com"><span>绩效管理</span></a>
    
45. <a target="_blank" href="http://bbs.52taian.com"><span>薪酬福利</span></a>
    
46. <a target="_blank" href="http://bbs.52taian.com"><span>劳动关系</span></a></dd>
    
47. </dl>
    
48. <dl class="navLife">
    
49.   <dt class="STYLE2"><strong>生活</strong></dt><dd>
    
50. <a target="_blank" href="http://bbs.52taian.com/"><span>综合讨论</span></a>
    
51. <a target="_blank" href="http://bbs.52taian.com"><span>职业生涯</span></a>
    
52. <a target="_blank" href="http://bbs.52taian.com"><span>案例分析</span></a>
    
53. <a target="_blank" href="http://bbs.52taian.com"><span>校园招聘</span></a>
    
54. <a target="_blank" href="http://bbs.52taian.com"><span>企业文化</span></a>
    
55. <a target="_blank" href="http://bbs.52taian.com"><span>资料下载</span></a></dd>
    
56. </dl>
    
57. <dl class="navTalk">
    
58. <dt><strong>服务</strong></dt><dd>
    
59. <a target="_blank" href="http://bbs.52taian.com"><span>人资空间</span></a>
    
60. <a target="_blank" href="http://bbs.52taian.com"><span>空间设计</span></a>
    
61. <a target="_blank" href="http://bbs.52taian.com"><span>金币任务</span></a>
    
62. <a target="_blank" href="http://bbs.52taian.com"><span>实名认证</span></a>
    
63. </dd>
    
64. </dl>
    
65. <dl class="navService">
    
66. <dt><strong>兴趣</strong></dt><dd>
    
67. <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>
    
68. </dd>
    
69. </dl></div>
    
70. </div>

复制代码

static.rar (6.66 KB, 下载次数: 0)

2017-12-16 14:38 上传

点击文件名下载附件
dz泰社区-精品小款新版化龙巷导航
图片附件下载：

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！