立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 4624|回复: 0

[美化修改教程] 泰社区-精品小款新版化龙巷导航!

[复制链接]

7

主题

0

回帖

56

积分

终身VIP会员

Rank: 7Rank: 7Rank: 7

积分
56
发表于 2015-1-25 14:59:33 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

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

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

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

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

2020.png
  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, 下载次数: 0, 售价: 2 金钱)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-11-15 00:43

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

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