Discuz X漂亮的二级导航

dly · 发表于 2012-9-21 12:26:26

<style type="text/css">
* {
MARGIN:0px;
PADDING:0px;
}
ul,li,ol {
list-style:none;
}
.bod_yy a:active {
test:expression(target="_blank");
}
.zone a:active,a.close:active,#feedback-box a:active {
test:expression(target="_self");
}
.item a:active,.item span{
test:expression(target="_blank");
}
a:active.target {
test:expression(target="_self");
}
IMG {
border:0px;
}
A {
COLOR: #114499; TEXT-DECORATION: none;
}
.topmenu A {
COLOR: #272727; TEXT-DECORATION: none;
}
A:active {
COLOR: #114499; TEXT-DECORATION: none;
}
A:hover {
COLOR: #c30; TEXT-DECORATION: none;
}
H2,h3,h4,h5,h6 {
FONT-SIZE:12px;
}
H3 A {
TEXT-ALIGN:center;
FONT-FAMILY:'黑体',arial,sans-serif;
COLOR:#262626;
FONT-SIZE:20px;
FONT-WEIGHT:normal
}
INPUT {
FONT-SIZE:12px
}
SELECT {
FONT-SIZE:12px
}
EM {
FONT-STYLE:normal;
FONT-WEIGHT:normal
}
.m_tp {
margin-top:5px;
}
.m_tp1 {
margin-top:8px;
}
.m_lp {
margin-left:5px;
}
.m_lp1 {
margin-left:8px;
}
/*布局*/
.bod_yy {
background-image:url(http://www.0376.cn/img2/yinying.gif);
background-repeat:repeat-y;
overflow:hidden;
margin:0px auto;
width:986px;
}
#usr {
background-image:url(http://www.0376.cn/images/usr_log_bg.gif);
background-repeat:repeat-x;
height:36px;
overflow:hidden;
}
.bod_w {
width:950px;
margin-left:auto;
margin-right:auto;
}
#usr {
background-image:url(http://www.0376.cn/images/usr_log_bg.gif);
background-repeat:repeat-x;
height:36px;
overflow:hidden;
}
#usr #usr_log {
float:left;
width:500px;
height:36px;
padding-top:10px;
text-align:left;
padding-left:25px;
background:url(http://www.0376.cn/images/logimg.gif) no-repeat 0 12px;
}
#usr .zone {
letter-spacing:0.3mm;
}
#usr #usr_log .but_log {
height:18px;
width:49px;
background:url(http://www.0376.cn/images/logbut.gif);
border:0;
color:#fff;
line-height:16px;
cursor:pointer;
}
/*菜单*/
.topmenu {
MARGIN:0px auto;
WIDTH:950px;
CLEAR:both;
FONT-SIZE:12px;
height:60px;
}
.topmenu DT {
TEXT-ALIGN:center;
WIDTH:46px;
DISPLAY:inline;
FLOAT:left;
HEIGHT:54px;
OVERFLOW:hidden
}
.topmenu DD {
BACKGROUND:url(http://www.0376.cn/img2/menu_bg.jpg) repeat-x;
FLOAT:left;
HEIGHT:54px;
FONT-SIZE:12px
}
.topmenu DD A {
PADDING-LEFT:5px;
PADDING-RIGHT:5px
}
.topmenu DD SPAN {
WIDTH:7px;
DISPLAY:block;
BACKGROUND:url(http://www.0376.cn/img2/menu_right.jpg) no-repeat;
FLOAT:right;
HEIGHT:54px;
MARGIN-RIGHT:-2px
}
.topmenu DD DIV {
POSITION:relative;
MARGIN-TOP:7px;
PADDING-LEFT:2px;
DISPLAY:block;
WHITE-SPACE:nowrap
}
.topmenu .fix_p {
POSITION:absolute;
WIDTH:21px;
HEIGHT:10px;
TOP:-11px;
LEFT:87px
}
.topmenu .fix_b {
POSITION:absolute;
WIDTH:21px;
HEIGHT:10px;
TOP:-11px;
LEFT:52px
}
.news DD {
WIDTH:132px;
DISPLAY:inline;
line-height:20px;
}
.news DD A {
color:#333333;
}
.news DD A:hover {
color:#cc0069;
text-decoration:none;
}
.news DL {
DISPLAY:block;
OVERFLOW:hidden
}
.live DD {
WIDTH:162px;
DISPLAY:inline;
line-height:20px;
}
.live DT {
WIDTH:45px;
MARGIN-LEFT:10px
}
.house DD {
WIDTH:105px;
DISPLAY:inline;
line-height:20px;
}
.house DT {
WIDTH:45px;
MARGIN-LEFT:10px
}
.gear DD {
WIDTH:83px;
DISPLAY:inline;
line-height:20px;
}
.gear DT {
WIDTH:45px;
MARGIN-LEFT:10px
}
.bbs_nav DD {
WIDTH:130px;
DISPLAY:inline;
line-height:20px;
}
.bbs_nav DT {
WIDTH:45px;
MARGIN-LEFT:10px
}
.zonghe DD {
WIDTH:155px;
DISPLAY:inline;
line-height:20px;
}
.zonghe DT {
WIDTH:45px;
MARGIN-LEFT:10px
}
</style>
<DIV class=bod_yy>
<DIV class=topmenu>
<DL class=news>
<DT><A ><IMG src="http://www.0376.cn/img2/news.jpg"></A> </DT>
<DD><SPAN></SPAN>
<DIV><A href="#">新闻资讯</A><A href="#"><FONT color=#cc0000>便民</FONT></A><A href="#">二手</A>
<A href="#">生活服务</A><A href="#">交友</A><A href="#">培训</A></DIV>
</DD></DL>
<DL class=live>
<DT><A ><IMG src="http://www.0376.cn/img2/house.jpg"></A> </DT>
<DD><SPAN></SPAN>
<DIV><A href="#"><FONT color=red>找租房</FONT></A><A href="#">找楼盘</A><A href="#"><FONT color=#ff0000>找二手房</FONT></A>
<A href="#"><FONT color=blue>找中介</FONT></A><A href="#">查小区</A><A href="#">求租求购</A></DIV>
</DD></DL>
<DL class=house>
<DT><A ><IMG src="http://www.0376.cn/img2/job.jpg"></A> </DT>
<DD><SPAN></SPAN>
<DIV>
<DIV class=fix_p><IMG src="http://www.0376.cn/img2/new_icop.gif"></DIV><A href="#">找工作</A><A href="#"><FONT color=#ff0000>投简历</FONT></A>
<A href="#">找人才</A><A href="#">发职位</A></DIV>
</DD></DL>
<DL class=bbs_nav>
<DT><A ><IMG src="http://www.0376.cn/img2/shop.jpg"></A></DT>
<DD><SPAN></SPAN>
<DIV>
<DIV class=fix_b><IMG src="http://www.0376.cn/img2/new_icop.gif"></DIV><A class=red_f href="#"><FONT color=#ff0000>口碑商家</FONT></A><A href="#">同城购物</A>
<A class=red_f href="#">线上团购</A><A href="#">线下团购</A></DIV>
</DD></DL>
<DL class=zonghe>
<DT><A ><IMG src="http://www.0376.cn/img2/zonghe.jpg"></A></DT>
<DD><SPAN></SPAN>
<DIV>
<A class=red_f href="#" ><FONT color=#ff0000>信阳论坛</FONT></A><A href="#">看**</A><A href="#">QQ群</A>
<A class=red_f href="#">新手报道</A><A href="#">爱拍照</A><A href="#">签到</A></DIV>
</DD></DL> </DIV>
</DIV>

复制代码

相关阅读：
1、Discuz!X纵横搜索不需要删除代码关闭热门话题
2、风格《 qing》瀑布流展示把——喜欢【更改为】浏览（查看）教程方法
3、Discuz!X 购买用户组图文设置教程
4、Discuz!X2.5 开启广播后游客可以访问个人空间的解决方案
5、解决升级Discuzx2.5(0901)补丁后提示Discuz! Database Error(1146)的错误

中国营销沙龙 · 发表于 2012-9-21 15:45:52

这个真的比较好看！

[使用教程] Discuz X漂亮的二级导航

相关帖子