http://bbs.my0557.cn/ 的二级导航谁有给小弟一份谢谢

zz2u · 发表于 2011-11-28 11:30:49

http://bbs.my0557.cn/ 这个站的

站长987Ⅱ · 发表于 2011-11-28 11:38:36

查看源代码，找一下对应的代码跟CSS.

yechui8 · 发表于 2011-11-28 11:41:04

提示: 作者被禁止或删除内容自动屏蔽

ttrrww · 发表于 2011-11-28 13:48:55

后台广告，二级导航：

<div id="colNav">
<div class="colNav cf">
<dl class="navTalk">
<dt>杂谈</dt>
<dd><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=16" target="_blank">今日宿州
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=3" target="_blank">真人秀
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=19" target="_blank">摄影
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=13" target="_blank">驴友
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=7" target="_blank">网友互助
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=18" target="_blank">大杂烩
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=11" target="_blank">宠物
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=53" target="_blank">情感</a>
</dd>
</dl>
<dl class="navShopping">
<dt>生活</dt>
<dd><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=9" target="_blank">食字军
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=50" target="_blank">谈婚论嫁
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=54" target="_blank">我要买房
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=44" target="_blank">车友会
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=14" target="_blank">亲子家园
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=27" target="_blank">家居装饰
</a>
</dd>
</dl>
<dl class="navLife">
<dt>购物</dt>
<dd><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=8" target="_blank">购物逛街
</a><a href="http://tuan.my0557.cn" target="_blank">虚线团
</a><a href="http://tao.my0557.cn" target="_blank">淘满意
</a><a href="http://tuan.my0557.cn/tuan.php?m=fanli" target="_blank">淘宝返利
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=55" target="_blank">网购达人
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=46" target="_blank">大卖场
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=125" target="_blank">爱尚街
</a><a href="http://igo.gw8888.com" target="_blank">网购导航
</a>
</dd>
</dl>
<dl class="navService">
<dt>服务</dt>
<dd><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=43" target="_blank">租房
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=42" target="_blank">求职
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=5" target="_blank">二手
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=71" target="_blank">交友
</a>
<div>
<a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=79" target="_blank">二手车租车
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=51" target="_blank">广告专区
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=2" target="_blank">新手上路
</a><a href="http://bbs.my0557.cn/plugin.php?id=auction" target="_blank">积分竞拍
</a><a href="http://bbs.my0557.cn/forum.php?mod=forumdisplay&fid=25" target="_blank">管理办公室
</a></div>
</dd>
</dl>
</div>
</div>

复制代码

模版common.css：

/*通用新二级导航*/
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.cf{*height:1%;}
.colNav dl,.colNav dt,.colNav dd a:hover,.colNav dd a:hover span,.colNav dl div em{background:url(static/image/my0557/my0557topico.png) no-repeat;}
#colNav{border:1px solid #E2E2E2;padding:1px;border-top-color:#9F9F9F;color:#325E7F;font:14px/1.5 Tahoma,Helvetica,Arial,"\5b8b\4f53";border-top:0;}
.colNav{background:#F6F6F6;}
.colNav a{color:#325E7F;}
.colNav dl{float:left;position:relative;z-index:1;padding:8px 8px 3px 14px;height:48px;background-position:-223px -38px;}
.colNav dl.navShopping{width:230px;}
.colNav dl.navLife{width:285px;}.colNav dl.navTalk{width:243px;padding-left:6px;background:none;}
.colNav dl.navService{width:118px;}
.colNav dt{float:left;width:28px;margin-top:1px;text-align:center;font-size:12px;color:#3D7FB1;padding-top:25px;background-position:-31px 0;}
.colNav dl.navLife dt{background-position:0 0;}
.colNav dl.navTalk dt{background-position:-60px 0;}
.colNav dl.navService dt{background-position:-91px 0;}
.colNav dd{margin-left:30px;}
.colNav dd a,.colNav dd a span{display:inline-block;zoom:1;*display:inline;}
.colNav dd a{margin-bottom:2px;margin-right:2px;font-size:14px;}
.colNav dd a span{position:relative;z-index:0;right:-2px;padding:0 7px 0 5px;padding-top:1px\9;height:22px;line-height:22px;*cursor:pointer;}
.colNav dd a:hover{text-decoration:none;color:#FF6C00;}
.colNav dd a:hover,.colNav dd a:hover span{background-position:-382px 0;}
.colNav dd a:hover span{background-position:100% 0;}
.colNav dl div{position:absolute;right:-12px;top:55px;width:113px;}
.colNav dl div em{position:absolute;top:-8px;_top:-4px;right:14px;width:8px;height:8px;overflow:hidden;background-position:-232px -19px;}
.colNav dl p{display:none;margin-top:5px;_margin-top:7px;padding:0 7px 5px 4px;border:1px solid #DDD;border-top:none;background:#FFF;}
.colNav dl.moreOn{background-color:#FFF;}
.colNav dl.moreOn em{display:none;}

复制代码

ttrrww · 发表于 2011-11-28 13:49:36

但好像在 IE6 IE7 下有错位啊，还有鼠标移动不变颜色。应该还差个 js

伤心木头 · 发表于 2011-11-28 13:58:10

提示: 该帖被管理员或版主屏蔽

〃Struggle、 · 发表于 2011-11-28 15:01:59

{:soso_e144:}

坚持任性 · 发表于 2011-12-1 09:11:11

提示: 作者被禁止或删除内容自动屏蔽

zz2u · 发表于 2011-12-2 11:37:04

ttrrww 发表于 2011-11-28 13:48
后台广告，二级导航：模版common.css：

谢谢，已经找到了，common.css 放到官方模板就不错位了
8楼的收费你还有脸说

ab60000 · 发表于 2012-1-6 23:48:58

zz2u 发表于 2011-12-2 11:37
谢谢，已经找到了，common.css 放到官方模板就不错位了
8楼的收费你还有脸说

怎么算放到官方模板呢？请讲一下好吗？

		自动登录	找回密码
密码			立即注册

[求助] http://bbs.my0557.cn/ 的二级导航谁有给小弟一份谢谢