黄集网二级导航，很漂亮。

amotefan · 发表于 2012-3-25 07:08:53

本帖最后由 amotefan 于 2012-3-25 07:37 编辑

四个图片，自己另存为，上传到自己需要的文件夹。

把图片链接和文字链接地址改成自己的，
自己首页DIY添加，和后台广告添加代码都行。。

演示：http://www.xzwoaini.com/portal.php

<style type="text/css">
#nav_2 {
margin-left:-1px;
border-bottom: 1px solid #cdcdcd;
border-left: 1px solid #e2d1b8;
border-right: 1px solid #e2d1b8;
border-top: none; background:url(/static/image/diy/dh5.png) repeat-x left bottom;
padding:10px;
overflow:hidden;
zoom:1;
width:938px;
}
#nav_2 ul { float:left; padding-left:52px; border-right:1px solid #e3e3e2; font-size:14px; height:55px; margin-top:0px; color:#616161; line-height:30px;}
#nav_2 ul li { float:left; white-space:nowrap;display:block;}
#nav_2 ul li.common { margin-right:12px;_margin-right:5px;}
#nav_2 ul li a{ color:#616161; padding:2px;}
#nav_2 ul li a:hover { color:#FF6C00; background:#fefbec; border:1px solid #febf90; padding:1px;text-decoration:none;}
#nav_2 ul.civilian{ background:url(/static/image/diy/dh1.gif) no-repeat 10px 0;width:144px; }
#nav_2 ul.consumption { background:url(/static/image/diy/dh2.gif) no-repeat 10px 0; width:144px;}
#nav_2 ul.mode { background:url(/static/image/diy/dh3.gif) no-repeat 10px 0; width:300px;}
#nav_2 ul.life { width:131px; background:url(/static/image/diy/dh4.gif) no-repeat 10px 0; border-right:none;}
#nav_2 ul.life li{display:block; }
#nav_2 ul.mode li img.new_icon{display:block; }
</style>
<div id="nav_2">
<ul class="civilian">
<li class="common"><a href="forum.php?mod=forumdisplay&fid=58">黄集新闻</a></li><li><a href="forum.php?mod=forumdisplay&fid=60">黄集概况</a></li>
<li class="common"><a href="forum.php?mod=forumdisplay&fid=81">黄集企业</a></li><li><a href="forum.php?mod=forumdisplay&fid=66">百姓呼声</a></li>
</ul>
<ul class="consumption">
<li class="common"><a href="forum.php?gid=75">商家店铺</a></li><li><a href="forum.php?mod=forumdisplay&fid=72">求职招聘</a></li>
<li class="common"><a href="forum.php?mod=forumdisplay&fid=116">房产信息</a></li><li><a href="forum.php?mod=forumdisplay&fid=86">二手市场</a></li>
</ul>
<ul class="mode">
<li class="common"><a href="forum.php?mod=forumdisplay&fid=114">家有宠物</a></li><li class="common"><a href="home.php">黄集家园</a></li><li class="common"><a href="group.php">黄集群组</a></li><li><a href="userapp.php">游戏应用</a></li><li
class="common"><a
href="forum.php?mod=forumdisplay&fid=67">黄集拍客</a></li><li class="common"><a href="plugin.php?id=ssyyy_tv:tv">网络电视</a></li><li><a href="misc.php?mod=mobile">手机版</a></li><li><img
class=new_icon src="/static/image/diy/new.gif"></li><li><a href="plugin.php?id=vchat:vc">聊天室</a></li><li><img
class=new_icon src="/static/image/diy/new.gif"></li></ul>
<ul class="life">
<li class="common"><a href="forum.php?mod=forumdisplay&fid=113">女人帮</a></li><li><a href="plugin.php?id=diantai:diantai">音乐电台</a></li><li class="common"><a href="forum.php?mod=forumdisplay&fid=111">情感基地</a></li><li><a href="forum.php?mod=forumdisplay&fid=107">婚嫁</a></li><li><img class=new_icon
src="/static/image/diy/n.gif"></li>
</ul>
</div>

复制代码

有需要本站门户模板的，看此贴就行了。。

https://discuz.dismall.com/thread-2710094-1-1.html

听吧 · 发表于 2012-3-25 07:10:35

路过看看，也学习学习。

abcnic · 发表于 2012-3-25 07:12:42

不错支持了呢

apollo2010 · 发表于 2012-3-25 10:31:11

a475305268 · 发表于 2012-3-25 13:54:53

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

zg-chen · 发表于 2012-3-25 13:57:30

推荐一款免费帮你在刷百度相关搜索、联想下拉推荐、网页快照排名的软件：互刷天下！
邀请码：1a2911f1cc7d42b9b232aa749d4b8dee【每日仅限前20名注册用户有效】
下载地址：http://www.hushuatianxia.com/BrushWorld.rar
注册方法：下载后运行软件注册。

飞扬吉他 · 发表于 2012-4-4 02:49:46

不错，好看

beautiful_leo · 发表于 2012-4-14 18:45:48

呵呵不错很漂亮的导航哦需要的快下载吧 www.520say.com

静者，心多妙！ · 发表于 2012-4-14 19:12:18

不错@！

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

[发布] 黄集网二级导航，很漂亮。

本帖子中包含更多资源