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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 非常不错的二级导航,建议新手使用。

[复制链接]
549125494 发表于 2013-10-24 13:34:49 | 显示全部楼层 |阅读模式

使用方法非常简单:在后台设置,添加导航广告即可。
演示地址:http://www.hefeiat.com
广告代代码如下:
  1. <!--二级导航_开始-->

  2. <style>      

  3.                   #n1v .org{ color:#F60}  

  4.                   #n1v .blue{ color:#6CF}  

  5.                   #n1v a{ color: #666; text-decoration:none; font-size:14px; font-family:黑体,微软雅黑}  

  6.                   #n1v a:hover{ color:#F90; text-decoration:none; font-family:黑体,微软雅黑}  

  7.                   #n1v .nav_body{background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/000001qol64omemklemdgc.gif) repeat-x;}  

  8.                   #n1v .nav_end{ width:20px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235817xz9rz7b63rmxa59d.gif) no-repeat;}  

  9.                   #n1v .product a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235208vkj2jj64fu8xuz66.gif) no-repeat}  

  10.                   #n1v .product a:hover { background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/001013a1qvmzblxuzyxlu9.gif) no-repeat}  

  11.                   #n1v .service a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235332vagd843llzk32ahy.gif) no-repeat}  

  12.                   #n1v .service a:hover { background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/001013lzfznzmijm6zq4s6.gif) no-repeat}  

  13.                   #n1v .fgk a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235404vm7c5z611mlk87nc.gif) no-repeat}  

  14.                   #n1v .fgk a:hover { background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/001014wkzwgwugfzw2xfpu.gif) no-repeat}  

  15.                   #n1v .school a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235426yrvyrvyacicfy9qa.gif) no-repeat}  

  16.                   #n1v .school a:hover { background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/001015h5aoc7jge7ijgb7b.gif) no-repeat}  

  17.                   #n1v .forum a{float:left; overflow: hidden; height: 56px; width:40px; background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/24/235452wn73rz79rl9nz51z.gif) no-repeat}  

  18.                   #n1v .forum a:hover { background:url(http://bbs.hefeiat.com/data/attachment/forum/201309/25/001015gxyks0xqqqxuly1r.gif) no-repeat}  

  19.                   </style>  

  20. <div id="n1v">  

  21. <table width="100%" border="0" cellspacing="0" cellpadding="0">  

  22.    <tr>  

  23.      <td width="40" height="56" class="product"><a ></a></td>  

  24.      <td align="center" valign="middle" class="nav_body">  

  25. <a > 新闻</a> <a class="red"></a>
  26. <a   class="org">校园</a> <a >美食</a>   
  27. <a >乐园</a><br></a> <a >交友</a>
  28. <a  class="blue">小资</a><a > 旅游</a>   
  29. <a >情感</a></td>  

  30.     <td width="20" class="nav_end"> </td>  

  31.     <td width="40" class="service"><a ></a></td>  

  32.     <td align="center" valign="middle" class="nav_body">  

  33. <a  >摄影</a>   

  34. <a  class="org">理财</a>   

  35. <a  class="org">大片</a><br>  

  36. <a   class="blue">贴图</a>   

  37. <a >体育</a>   
  38. <a  class="org">时尚</a></td>  
  39.     <td width="20" class="nav_end"> </td>  
  40.     <td width="40" class="fgk"><a ></a></td>  

  41.     <td align="center" valign="middle" class="nav_body">  
  42. <a  class="org"> 征婚</a>   
  43. <a >房产</a>   

  44. <a >二手</a><br>  

  45. <a   class="blue">招聘</a>   

  46. <a >汽车</a>   

  47. <a >靓装</a></td>  

  48.     <td width="20" class="nav_end"> </td>  

  49.     <td width="40" class="school"><a ></a></td>  

  50.     <td align="center" valign="middle" class="nav_body">  

  51. <a   class="blue"> 游戏</a>   
  52. <a >听歌</a>
  53. <a   class="org">好剧</a>   

  54. <a >猜拳</a><br>   

  55. <a >收藏</a>   
  56. <a   class="org">道具</a>   

  57. <a >勋章</a>   

  58. <a   class="org">任务</a></td>  
  59.     <td width="20" class="nav_end"> </td>  

  60.     <td width="40" class="forum"><a ></a></td>  

  61.     <td align="center" valign="middle" class="nav_body">  

  62. <a > 好友</a>   

  63. <a   class="org">微博</a>   

  64. <a >日记</a>   

  65. <a >相册</a><br>  

  66. </a><a   class="org">帖子</a>   

  67. <a >分享</a>   
  68. <a   class="blue">可读</a>   

  69. <a >榜单</a></td>  

  70.    <td width="20" class="nav_end"> </td>  

  71.   </tr>  

  72.   </table>  

  73. </div>  

  74. <!--二级导航_结束-->
复制代码



本帖子中包含更多资源

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

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

本版积分规则

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

GMT+8, 2024-11-18 07:49 , Processed in 0.025500 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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