仿51cto蓝色导航条

51CTO技术论坛的导航条很好看（自己比较喜欢），分享下看图：

51cto的效果

仿的效果
演示地址：http://www.wozaiting.com
修改方法：修改模版css文件 在合适的地方加上这些：
.wozaitingnav{background:#63AAD8;border:1px solid #283B58;height:39px;padding:1px; margin:0 0 10px 0}
.wozaitingnav .wozaitingsub{background:#2A6BA2 url(图片路径wozaitingnav_bg1.gif) no-repeat scroll 100% 50%;font-weight:700;text-align:center;line-height:39px}
.wozaitingnav a{background:transparent url(图片路径wozaitingnav_bg2.gif) no-repeat scroll 100% 50%;padding:0 11px;font-size:14px}
.wozaitingnav a:link,.wozaitingnav a:visited{color:#FFF}
.wozaitingnav a:hover,.wozaitingnav a:focus,.wozaitingnav a:active{color:#FFF}
.wozaitingnav span a{background:none}
修改头部文件 在合适的地方加上这些：
<div class="wrap s_clear">
<div class="wozaitingnav">
<div class="wozaitingsub">
<a href="index.php">论坛首页</a>
<a href="register.php">免费注册</a>
<a href="logging.php?action=login">会员登陆</a>
<a href="memcp.php?action=profile&typeid=3">上传头像</a>
<a href="misc.php?action=nav">发新帖子</a>
<a href="member.php?action=online">在线会员</a>
<a href="ubb.htm" target="_blank">转帖工具</a>
<a href="javascript:window.external.AddFavorite('http://www.wozaiting.com','山大路IT论坛')">加入收藏</a>
<a href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.wozaiting.com');">设为首页</a>
<span><a href="rss.php" target="_blank">RSS订阅</a></span>
</div>
</div>
</div>
内容自己修改下就行了
相关附件：

路过一下

不太了解这个的    

351449823 发表于 2011-6-15 16:47
路过一下