二级导航代码,经典,适用于任何版本
案例:东乡论坛|抚州东乡|泡粉网 http://ipaofen.com/ 有什么不明白的,可以到我网站看看,绝对的可以对齐- <style type="text/css">
- <!--
- body {
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
- }
- .haha1 {color: #0099FF}
- .haha2 {color: #CC3333}
- .haha3 {font-size: 12px}
- .haha5 {font-size: 14px; color: #FF0000;}
- .STYLE4 {font-size: 12px; color: #FF0000; }
- .STYLE5 {color: #FF0000}
- -->
- </style>
- <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://www.ipaofen.com/data/attachment/forum/201301/10/102630b6k220qgu
- uzp9g7l.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:#4062B9; padding-top:25px;
- background-position:-589px -55px;}
- .colNav4t dl.navLife dt { background-position:-620px -55px;}
- .colNav4t dl.navTalk dt { background-position:-651px -55px;}
- .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:#FF6C00;}
- .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;}
- </style>
- <div class="a_mu"><style type="text/css">
- #nav_bottom {
- background-image: url
- (http://sf0912.com/data/attachment/common/cf/054030jzkgtoe4ehhlth05);
- height: 59px;
- padding-top:9px;
- width: 960px;
- }
- </style>
- <div id="nav_bottom">
- <table width="960" border="0" align="center" style="font-size:12px;
- font-family:宋体;">
- <tbody><tr>
- <td width="10" rowspan="2" style="padding-left:8px;"><img
- src="http://www.ipaofen.com/data/attachment/forum/201301/10/102630b6k22
- 0qguuzp9g7l.gif" width="29"
- height="47"></td>
- <td width="170" height="22" valign="top" bgcolor="#F7F7F7"
- style="padding-left:10px;">
- <a ><span>门户</span></a> |
- <a ><span><font color="#0000FF">
- 论坛</font></span></a> |
- <a href="forum.php?mod=forumdisplay&fid=43"><span>资讯</span></a> |
- <a ><span><font color="#0000FF">地图</font></span></a></td>
- <td width="29" rowspan="2"><img
- src="http://www.ipaofen.com/data/attachment/forum/201301/10/102628bnu73
- nccsp94gas3.gif" width="29"
- height="47"></td><td width="315" valign="top" bgcolor="#F7F7F7" style="padding-left:10px;">
- <a ><span><font
- color="#FF0000">打乱挖哩</font></span></a> |
- <a href="forum.php?mod=forumdisplay&fid=44"><span><font
- color="#0000FF">我型我秀</font></span></a> |
- <a href="forum.php?mod=forumdisplay&fid=45"><span>衣食住行</span></a> |
- <a href="forum.php?mod=forumdisplay&fid=47"><span>影音娱乐</span></a> |
- <a href=">forum.php?mod=forumdisplay&fid=51"<span><font
- color="#FF0000">寻人</font></span></a></td>
- <td width="29" rowspan="2"><img
- src="http://www.ipaofen.com/data/attachment/forum/201301/10/102629c5cwh
- fkkcwkanc55.gif" width="29"height="47"></td>
- <td width="220" valign="top" bgcolor="#F7F7F7" style="padding-left:10px;"><a ><span><font
- color="#FF0000">招聘求职</font></span></a> |
- <a ><span>房屋信息</span></a> |
- <a ><span><font
- color="#0000FF">便民电话</font></span></a></td>
- <td width="29" rowspan="2"><img
- src="http://www.ipaofen.com/data/attachment/forum/201301/10/102629pe1ck
- r837zi1z8t8.gif" width="29"
- height="47"></td>
- <td width="130" valign="top" bgcolor="#F7F7F7" style="padding-
- left:10px;">
- <a href="home.php?mod=space&do=share"><span><font
- color="#0000FF">分享</font></span></a> |
- <a href="home.php?mod=space&do=album"><span><font
- color="#0000FF">相册</font></span></a> |
- <a href="home.php?mod=space&do=notice"><span><font
- color="#0000FF">提醒</font></span></a></td>
- </font></a></td>
- </tr>
- <tr>
- <td width="170" bgcolor="#F7F7F7" style="padding-left:10px;">
- <a ><span><font
- color="#FF0000">热点</font></span></a> |
- <a ><span>排行</span></a> |
- <a ><span>淘贴</span></a> |
- <a ><span>广播</span></a></td>
- <td width="315"bgcolor="#F7F7F7"style="padding-left:10px;">
- <a href="forum.php?mod=forumdisplay&fid=55"><span><font
- color="#FF0000">婚嫁交友</font></span></a> |
- <a href="forum.php?mod=forumdisplay&fid=56"><span>家居装修</span></a> |
- <a href="forum.php?mod=forumdisplay&fid=49"><span>情感交流</span></a> |
- <a href="forum.php?mod=forumdisplay&fid=48"><span>摄影爱好</span></a> |
- <a href="forum.php?mod=forumdisplay&fid=64"><span><font
- color="#0000FF">点歌</font></span></a></td>
- <td width="220" bgcolor="#F7F7F7" style="padding-left:10px;">
- <a ><span><font color="#FF0000">东乡问答</font></span></a> |
- <a ><span><font color="#FF0000">跳蚤市场
- </font></span></a> |
- <a ><span>活动发布</span></a></td>
- <td width="130" align="center" bgcolor="#F7F7F7" style="padding-
- left:6px;">
- <a href="home.php?mod=space&do=friend"><span>好友</span></a> |
- <a href="home.php?mod=spacecp&ac=profile&op=verify"><span>认证</span></a> |
- <a href="home.php?mod=task"><span>任务</span></a></td>
- </tbody></table>
- </div>
- </div>
- </embed>
复制代码 |