Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 漂亮二级导航求修改2.5可用

[复制链接]
zhou8898 发表于 2012-3-24 12:09:54 | 显示全部楼层 |阅读模式
看到有人使用这样的二级导航,感到很漂亮,关键是连接设计合理

我把这个在原文件中剥出来了自己安装却发现是错位的,不晓得是哪里出错,望高手赐教?



现在吧代码贴出来,希望高手帮我改下
搞好了,我送10个金币

<!--二级导航_开始-->
<style>   
#n1v .org{ color:#F60}
#n1v .blue{ color:#6CF}
#n1v a{ color: #666; text-decoration:none; font-size:14px; font-family:黑体,微软雅黑}
#n1v a:hover{ color:#F90; text-decoration:none; font-family:黑体,微软雅黑}
#n1v .nav_body{background:url(http://bbs.whgogo.com/static/image/daohang/nav_body.gif) repeat-x;}
#n1v .nav_end{ width:20px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_end.gif) no-repeat;}
#n1v .product a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_1_1.gif) no-repeat}
#n1v .product a:hover { background:url(http://bbs.whgogo.com/static/image/daohang/nav_1_2.gif) no-repeat}
#n1v .service a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_2_1.gif) no-repeat}
#n1v .service a:hover { background:url(http://bbs.whgogo.com/static/image/daohang/nav_2_2.gif) no-repeat}
#n1v .fgk a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_3_1.gif) no-repeat}
#n1v .fgk a:hover { background:url(http://bbs.whgogo.com/static/image/daohang/nav_3_2.gif) no-repeat}
#n1v .school a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_4_1.gif) no-repeat}
#n1v .school a:hover { background:url(http://bbs.whgogo.com/static/image/daohang/nav_4_2.gif) no-repeat}
#n1v .forum a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.whgogo.com/static/image/daohang/nav_5_1.gif) no-repeat}
#n1v .forum a:hover { background:url(http://bbs.whgogo.com/static/image/daohang/nav_5_2.gif) no-repeat}
</style>
<div id="n1v">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="40" height="56" class="product"><a ></a></td>
    <td align="center" valign="middle" class="nav_body">
<a > 新闻</a> <a class="red" ></a>
<a   class="org">问答</a>
<a >美食</a> <a >儿童</a><br><a class="org"
>男女</a> <a   class="blue">家装</a><a
> 旅游</a> <a >灌水</a></td>
   <td width="20" class="nav_end"> </td>
   <td width="40" class="service"><a ></a></td>
   <td align="center" valign="middle" class="nav_body"><a  >摄影</a> <a href="http://bbs.whgogo.com/forum-58-
1.html" class="org">股市</a> <a  class="org">文学</a><br>
     <a   class="blue">宠物</a> <a >体育</a> <a
class="org">医疗</a></td>
   <td width="20" class="nav_end"> </td>
   <td width="40" class="fgk"><a ></a></td>
   <td align="center" valign="middle" class="nav_body"><a  class="org"> 征婚</a> <a
>房产</a> <a >二手</a><br>
     <a   class="blue">招聘</a> <a >车辆</a> <a
>其他</a></td>
   <td width="20" class="nav_end"> </td>
   <td width="40" class="school"><a ></a></td>
   <td align="center" valign="middle" class="nav_body"><a   class="blue"> 游戏</a> <a
>礼品</a> <a   class="org">积分</a> <a
>神偷</a><br> <a >收藏</a> <a
  class="org">道具</a> <a >勋章</a> <a
  class="org">任务</a></td>
   <td width="20" class="nav_end"> </td>
   <td width="40" class="forum"><a ></a></td>
   <td align="center" valign="middle" class="nav_body"><a > 好友</a> <a
  class="org">微博</a> <a >日记</a> <a
>相册</a><br>
</a><a   class="org">帖子</a> <a >
分享</a> <a   class="blue">圈子</a> <a href="http://bbs.whgogo.com/misc.php?
mod=ranklist&type=member&view=credit">榜单</a></td>
   <td width="20" class="nav_end"> </td>
  </tr>
<!--二级导航_结束-->

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
怎么啦 发表于 2012-3-24 12:18:03 | 显示全部楼层
来学习的········
回复

使用道具 举报

64243354 发表于 2012-3-24 12:44:13 | 显示全部楼层
亲 请查询你的插件作者
回复

使用道具 举报

okki 发表于 2012-3-27 01:21:59 | 显示全部楼层
紧紧尾随帖主。。。~
回复

使用道具 举报

liujunok 发表于 2012-3-29 16:44:13 | 显示全部楼层
本帖最后由 liujunok 于 2012-4-10 10:37 编辑




演示地址:www.bj6878.com

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

qsm9452 发表于 2012-4-1 10:02:59 | 显示全部楼层
liujunok 发表于 2012-3-29 16:44
演示地址:www.bj6878.com

10个金币啊   没这么多金币 咋办额
回复

使用道具 举报

qsm9452 发表于 2012-4-1 10:21:03 | 显示全部楼层
liujunok 发表于 2012-3-29 16:44
演示地址:www.bj6878.com

已经下载了  请问能不能把蓝色边框改为橘黄色的  就 休闲  爱好 信息 应用 家园也改为橘黄色的  另外就是现在的这个图片还是调用别人网站的
回复

使用道具 举报

qsm9452 发表于 2012-4-1 10:22:55 | 显示全部楼层
图片是调用你自己的网站的 唉  求共享
回复

使用道具 举报

jiubaidu 发表于 2012-4-2 22:34:04 | 显示全部楼层
为什么这么贵啊?
回复

使用道具 举报

依林网-飞扬 发表于 2012-4-3 07:03:16 | 显示全部楼层
卖10个J该把整个HEAD传上来吧,新手很麻烦
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-9-28 15:27 , Processed in 0.175677 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表