【2013年】最好，最火爆的二级导航代码【适合任何版本】

ly123456789 · 发表于 2013-5-26 21:55:56

本帖最后由 ly123456789 于 2013-5-29 02:36 编辑

喜欢的必须顶一个啊，这样好的二级导航，可不要让他沉下去

演示地址：http://bbs.171633.com

使用安装：

后台—运营—站点广告—全局页头二级导航栏广告

【很简单吧】方便大家使用

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.comiis_nav {
BACKGROUND: #f7f9fb url(comiis_bato/comiis_navbg.jpg) repeat-x;
border: 1px solid #E2EAF1;
border-top: 0px solid #E2EAF1;
HEIGHT: 57px;
width: 947px;
overflow: hidden;
padding-left: 10px;
background: #F7F9FB url(http://www.aiqingxuanyan.com) repeat-x;
}
.nav_ico01 {
BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
}
.nav_ico02 {
BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
}
.nav_ico03 {
BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
}
.nav_ico04 {
BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
}
* {
word-wrap: break-word;
}
div {
display: block;
}
body, input, button, select, textarea {
font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
color: #444;
}
.comiis_nav dt {
WIDTH: 207px;
HEIGHT: 50px;
FLOAT: left;
overflow: hidden;
padding-left: 48px;
padding-top: 6px;
}
dt {
display: block;
}
element.style {
width: 130px;
}
.comiis_nav dt li {
LINE-HEIGHT: 22px;
WIDTH: 65px;
FLOAT: left;
HEIGHT: 22px;
overflow: hidden;
}
ul, li {
list-style: none;
}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
margin: 0;
padding: 0;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
-->
</style>
</head>
<body>
<div class="comiis_nav">
<DT class=nav_ico01>
<LI><A href="http://bbs.171633.com/forum-228-1.html" target=_blank>招聘信息</A> </LI>
<LI><A href="http://bbs.171633.com/forum-39-1.html" target=_blank>程序发布</A> </LI>
<LI><A href="http://bbs.171633.com/forum-62-1.html" target=_blank>插件Hack</A> </LI>
<LI><A href="http://bbs.171633.com/forum-210-1.html" target=_blank>安装使用</A> </LI>
<LI><A href="http://bbs.171633.com/forum-44-1.html" target=_blank>模板风格</A> </LI>
<LI><A href="http://bbs.171633.com/forum-61-1.html" target=_blank>材料之家</A> </LI></DT>
<DT class=nav_ico02>
<LI><A href="http://bbs.171633.com/forum-232-1.html" target=_blank>网站交易</A> </LI>
<LI><A href="http://bbs.171633.com/forum-233-1.html" target=_blank>域名买卖</A> </LI>
<LI><A href="http://bbs.171633.com/forum-225-1.html" target=_blank>软件下载</A> </LI>
<LI><A href="http://bbs.171633.com/forum-234-1.html" target=_blank>社区中介</A> </LI>
<LI><A href="http://bbs.171633.com/forum-226-1.html" target=_blank>PS交流</A> </LI>
<LI><A href="http://bbs.171633.com/forum-237-1.html" target=_blank>联盟信息</A> </LI></DT>
<DT class=nav_ico03>
<LI><A href="http://bbs.171633.com/forum-69-1.html" target=_blank>精美贴图</A> </LI>
<LI><A href="http://bbs.171633.com/forum-182-1.html" target=_blank>新闻视频 </A> </LI>
<LI><A href="http://bbs.171633.com/forum-71-1.html" target=_blank>时尚生活</A> </LI>
<LI><A href="http://bbs.171633.com/forum-70-1.html" target=_blank>娱乐八卦</A> </LI>
<LI><A href="http://bbs.171633.com/forum-212-1.html" target=_blank>技术交流</A> </LI>
<LI><A href="http://bbs.171633.com/forum-214-1.html" target=_blank>网站建立</SPAN></A></li>
</dt>
<dt class="nav_ico04" style="width:130px;">
<LI><A href="http://bbs.171633.com/forum-78-1.html" target=_blank>论坛站务</A> </LI>
<LI><A href="http://bbs.171633.com/forum-79-1.html" target=_blank>投诉维权</A> </LI>
<LI><A href="http://bbs.171633.com/forum-80-1.html" target=_blank>疑难求助</A> </LI>
<LI><A href="http://bbs.171633.com/forum-239-1.html"target=_blank>交换链接</font></a></li>
</dt>
</div>
</body>
</html> </P>

复制代码

ly123456789 · 发表于 2013-5-26 21:58:48

我先顶一个，

1314学习网 · 发表于 2013-5-26 22:11:01

前排顶顶先再说

ly123456789 · 发表于 2013-5-26 22:14:42

1314学习网发表于 2013-5-26 22:11
前排顶顶先再说

谢谢你的前排支持

ly123456789 · 发表于 2013-5-26 22:43:12

ly123456789 · 发表于 2013-5-26 23:43:19

ly123456789 · 发表于 2013-5-27 00:19:32

爱情永在 · 发表于 2013-5-27 11:54:53

:handshake:handshake

爱情永在 · 发表于 2013-5-27 14:01:57

ly123456789 · 发表于 2013-5-28 00:31:55

:handshake:handshake

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

[发布] 【2013年】最好，最火爆的二级导航代码【适合任何版本】

本帖子中包含更多资源