二级导航错位啊不会修改

爱我是不是 · 发表于 2012-2-25 18:48:41

本帖最后由爱我是不是于 2012-2-25 18:53 编辑

此款二级导航代码已经找到！但不会修改，请高手指点，在这里先谢谢您了！

正常演示图：

这两段代码分别加在那个位置，请求详细说明！

导航连接代码

<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;}

复制代码

爱我是不是 · 发表于 2012-2-25 23:12:04

{:soso_e103:}

爱我是不是 · 发表于 2012-2-26 18:52:24

二级导航错位啊不会修改

boyann · 发表于 2012-3-1 20:08:35

蛮好看的，不过我不会，我是来学习的

向逸扬 · 发表于 2012-3-5 15:15:26

{:soso_e193:}

绿茶ベ柳丁汁 · 发表于 2012-3-5 17:50:57

改模板，加到主导航下面

phoenixlxa · 发表于 2012-3-5 21:14:30

导航连接代码加到你当前风格/common/header.htm文件主导航下面；模版common.css代码自己就是加到当前风格的common.css中！

wuchongfeng · 发表于 2012-7-30 21:42:41

本帖最后由 wuchongfeng 于 2012-7-30 21:47 编辑

css代码添加在默认模版里的default/common/common.css里的最下面
导航链接代码放在你的模版/common/header.htm里
下面的这段代码上面

<ul class="p_pop h_pop" id="plugin_menu" style="display: none">
<li>$module[url]</li>

复制代码

如果不明白请看演示站：http://www.bbs0376.com

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

[求助] 二级导航 错位啊 不会修改

[求助] 二级导航错位啊不会修改