大师兄 发表于 2017-12-16 14:39:11

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

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

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

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

<STYLE type="text/css">
.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;}
.wapNote {position:absolute;left:205px;top:36px;padding-left:15px;line-height:16px;_width:180px;color:#00AAD1;background-position:-988px -260px;}
.wapNote a {color:#ff6600;}
.wapNote a:hover {text-decoration:underline;}

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

.colNav4t { background:#F6F6F6;}
.colNav4t a { color:#325E7F;}
.colNav4t dl { float:left; position:relative; z-index:1; padding:8px 8px 3px 14px; height:48px; background-position:-315px -120px;}
.colNav4t dl.navShopping { width:260px; padding-left:10px; background:none;clear:left}
.colNav4t dl.navLife { width:260px;}
.colNav4t dl.navTalk { width:180px;}
.colNav4t dl.navService { width:160px;}
.colNav4t dt { float:left; width:28px; margin-top:1px; text-align:center; font-size:12px; color:#4575CD; padding-top:25px;
background-position:-589px -55px;}
.colNav4t dl.navLife dt { background-position:-620px -53px;}
.colNav4t dl.navTalk dt { background-position:-651px -53px;}
.colNav4t dl.navService dt { background-position:-681px -55px;}
.colNav4t dd { margin-left:30px;}
.colNav4t dd a,.colNav4t dd a span { display:inline-block;zoom:1;*display:inline;}
.colNav4t dd a {margin-bottom:2px;margin-right:2px;font-size:14px;}
.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;}

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

.colNav4t dl div { position:absolute; right:-2px; top:55px;width:103px}
.colNav4t dl div em { position:absolute; top:-6px; _top:-4px; right:4px; width:8px; height:8px; overflow:hidden; background-position:100% -19px;}
.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;}
.colNav4t dl.moreOn { background-color:#FFF;}
.colNav4t dl.moreOn em { display:none;}
.STYLE2 {font-weight: bold}
</style>
<div id="colNav4t"><div class="colNav4t cf"><dl class="navShopping">
<dt class="navAd"><strong>互动</strong></dt><dd>
<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></dd>
</dl>
<dl class="navLife">
<dt class="STYLE2"><strong>生活</strong></dt><dd>
<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></dd>
</dl>
<dl class="navTalk">
<dt><strong>服务</strong></dt><dd>
<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>
</dd>
</dl>
<dl class="navService">
<dt><strong>兴趣</strong></dt><dd>
<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>
</dd>
</dl></div>
</div>
图片附件下载:
页: [1]
查看完整版本: dz泰社区-精品小款新版化龙巷导航