模板制作修改 亲测19楼模板的二级导航代码无误

[复制链接]
clswang 发表于 2013-4-8 14:39:34 [模板制作修改] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
本帖最后由 clswang 于 2013-4-8 14:41 编辑

1、复制代码—修改代码里的网址为自己的网址
2、放到运营——站点广告——全局 页头二级导航栏广告
3、提交—OK
1.png
   测试网址:http://www.justzjg.com/
  1. <style type="text/css">
  2. #nav{ width:958px; height:66px; margin:0 auto; padding:0;}
  3. .nav_floor{ width:956px; height:66px; margin:0 auto; padding:0;}
  4. #nav .nav_floor{ margin-bottom:-8px; padding:5px 0px 6px 0px; font-size:14px; border:1px solid #e8e8e8; border-top:none; background-position:0 -256px; overflow:hidden;}
  5. .nav_box { padding:0 0px 0 3px; overflow:hidden;}
  6. .nav_box li { float:left; padding:0 2px 0 2px; margin-right:0px; width:115px; height:21px;line-height:21px; background-position:right 0px; list-style:none;}
  7. .nav_box li a { display:block; padding-left:0px; width:115px; height:21px; background-position:7px 0px; overflow:hidden; color:#333333; text-decoration:none;}
  8. .nav_box li a span { font-family:Verdana,Arial; font-size:12px; font-weight:700;}
  9. #nav .nav_box li a:hover{ background-color:#cc0000; color:#fff; background-position:7px -86px; text-decoration:none;}
  10. </style>
  11. <DIV id=nav>
  12.         <DIV class=nav_floor>
  13.                 <UL class=nav_box>
  14.                 <li><a href="http://www.justzjg.com/forum-42-1.html" title="新生报到"><span>01#:</span>新生报到</a></li>
  15.                 <li><a href="http://www.justzjg.com/forum-40-1.html" title="科大答疑"><span>02#:</span>科大答疑</a></li>
  16.                 <li><a href="http://www.justzjg.com/forum-39-1.html" title="科大咨询"><span>03#:</span>科大咨询</a></li>
  17.                 <li><a href="http://www.justzjg.com/forum-41-1.html" title="聊天灌水"><span>04#:</span>聊天灌水</a></li>
  18.                 <li><a href="http://www.justzjg.com/forum-105-1.html" title="情感故事"><span>05#:</span>情感故事</a></li>
  19.                 <li><a href="http://www.justzjg.com/forum-jiaoyou-1.html" title="科大交友"><span>06#:</span>科大交友</a></li>
  20.                 <li><a href="http://www.justzjg.com/forum-49-1.html" title="励志成才"><span>07#:</span>励志成才</a></li>
  21.                 <li><a href="http://www.justzjg.com/forum-53-1.html" title="试卷资料"><span>08#:</span>试卷资料</a></li>
  22.                 <li><a href="http://www.justzjg.com/forum-52-1.html" title="科大考研"><span>09#:</span>科大考研</a></li>
  23.                 <li><a href="http://www.justzjg.com/forum-64-1.html" title="爱好文学"><span>10#:</span>爱好文学</a></li>
  24.                 <li><a href="http://www.justzjg.com/forum-82-1.html" title="英语一角"><span>11#:</span>英语一角</a></li>
  25.                 <li><a href="http://www.justzjg.com/forum-97-1.html" title="培训考证"><span>12#:</span>培训考证</a></li>
  26.                 <li><a href="http://www.justzjg.com/forum-98-1.html" title="科大祝福"><span>13#:</span>科大祝福</a></li>
  27.                 <li><a href="http://www.justzjg.com/forum-sushe-1.html" title="宿舍天地"><span>14#:</span>宿舍天地</a></li>
  28.                 <li><a href="http://www.justzjg.com/forum-63-1.html" title="时尚生活"><span>15#:</span>时尚生活</a></li>
  29.                 <li><a href="http://www.justzjg.com/forum-45-1.html" title="游戏动漫"><span>16#:</span>游戏动漫</a></li>
  30.                 <li><a href="http://www.justzjg.com/forum-47-1.html" title="影音视听"><span>17#:</span>影音视听</a></li>
  31.                 <li><a href="http://www.justzjg.com/forum-46-1.html" title="体育天下"><span>18#:</span>体育天下</a></li>
  32.                 <li><a href="http://www.justzjg.com/forum-92-1.html" title="电脑数码"><span>19#:</span>电脑数码</a></li>
  33.                 <li><a href="http://www.justzjg.com/forum-44-1.html" title="我爱摄影"><span>20#:</span>我爱摄影</a></li>
  34.                 <li><a href="http://www.justzjg.com/forum-73-1.html" title="就业指导"><span>21#:</span>就业指导</a></li>
  35.                 <li><a href="http://www.justzjg.com/forum-74-1.html" title="求职招聘"><span>22#:</span>求职招聘</a></li>
  36.                 <li><a href="http://www.justzjg.com/forum-75-1.html" title="家教中心"><span>23#:</span>家教中心</a></li>
  37.                 <li><a href="http://www.justzjg.com/forum-123-1.html" title="二手交易"><span>24#:</span>二手交易</a></li>
  38.                 </UL>
  39.         </DIV>
  40. </DIV>
复制代码




上一篇:x2.5把普通用戶自身帖子可以自行置顶回复帖取消/隱藏
下一篇:x2.5 把版块/发帖/帖內导航中分区刪除不显示
www.huaguow.com www.hanfanba.com www.shuyangweb.com www.qiwenguan.cn cygs.org

大神点评6

a090428 发表于 2013-4-8 14:43:40 [模板制作修改] 显示全部楼层
路过顶下啊 呵呵
无言88 发表于 2013-5-13 16:56:06 [模板制作修改] 显示全部楼层
这是个很不错的东西!支持!
87877416 发表于 2014-2-14 16:16:59 [模板制作修改] 显示全部楼层
帮兄弟人工置顶~~~
87877416 发表于 2014-2-14 16:17:06 [模板制作修改] 显示全部楼层
帮兄弟人工置顶~~~
华人先声社区 发表于 2014-2-21 14:32:32 [模板制作修改] 显示全部楼层
赞一个吧
v4521 发表于 2014-4-6 15:45:23 [模板制作修改] 显示全部楼层
蜘蛛没来,欢乐开怀~
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

clswang

精英站长

  • 3675 积分
  • 982 帖数
  • 0 日志
广告招商 QQ: 5620010
快速回复 返回顶部 返回列表