关灯
开启左侧

分享一款不错的二级导航广告代码

[复制链接]
pangio 发表于 2015-2-8 16:28:36 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 

分享一款不错的二级导航广告代码

分享一款不错的二级导航广告代码

x 这个导航代码主要配合时尚绿色环保模板使用,也可以单独使用,在时尚环保绿色模板里面也兼容了这款二级导航的代码,可以直接使用,下面就分享二级导航广告代码以及使用方法。

二级导航广告效果图:



1、下载zhanhelp附件 zhanhelp.rar ,上传到static目录下
2、复制下面的代码,添加到--后台--运营--站点广告--二级导航广告--添加--代码
  1. <style>
  2. .archy_twoad { width:958px; border:1px  solid #dfdfdf; border-top-width:0; height:50px; padding-top:6px; overflow:hidden; }
  3. .archy_twoadc { padding-left:5px; }
  4. .archy_twoadc li { display:inline; }
  5. .archy_twoadc a { display:inline-block; padding:0 5px; text-decoration: none; font-size: 12px;}
  6. .ie_all .archy_twoadc a { padding:0 4px; }
  7. .archy_twoadc a:hover { font-size:12px; text-decoration:underline; }
  8. </style>
  9. <div class="archy_twoad">
  10. <table cellspacing="0" cellpadding="0" border="0" align="center">
  11.         <tr>
  12.           <td align="left" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_news.gif"></a></td>
  13.           <td class="archy_twoadc">
  14.           <li><a href="#">综合</a></li>
  15.           <li><a href="#">专题</a></li>
  16.           <li><a href="#">推荐</a></li>
  17.           <li><a href="#">经典线路</a></li>
  18.           </td>
  19.           <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_zhuangbei.gif"></a></td>
  20.           <td class="archy_twoadc">
  21.           <li><a href="#">户外品牌</a></li>
  22.           <li><a href="#">装备评测</a></li>
  23.           <li><a href="http://bbs.zb7.com/">站长论坛</a></li>
  24.           </td>
  25.           <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_bbs.gif"></a></td>
  26.           <td class="archy_twoadc">
  27.           <li><a href="#">滑雪</a></li>
  28.           <li><a href="#">自驾游</a></li>
  29.           <li><a href="http://bbs.zb7.com/">网站建设</a></li>
  30.           <li><a href="#">健身</a></li>
  31.           <li><a href="#">跑步</a></li></td>
  32.           <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_huodong.gif"></a></td>
  33.           <td class="archy_twoadc">
  34.           <li><a href="#">郊游</a></li>
  35.           <li><a href="#">行业</a></li>
  36.           <li><a href="#">结伴同行</a></li>
  37.           <li><a href="#"><font color="red">趣味</font></a></li></td>
  38.         </tr>
  39.         <tr>
  40.           <td valign="middle" class="archy_twoadc">
  41.           <li><a href="#">城市</a></li>
  42.           <li><a href="#">旅游</a></li>
  43.           <li><a href="#">资料</a></li>
  44.           <li><a href="http://bbs.zb7.com/forum-45-1.html">discuz教程</a></li>
  45.           </td>
  46.           <td class="archy_twoadc">
  47.           <li><a href="#">装备知识</a></li>
  48.           <li><a href="#">户外资料</a></li>
  49.           <li><a href="http://bbs.zb7.com/forum-44-1.html">Discuz模板</a></li>
  50.           </td>
  51.           <td class="archy_twoadc">
  52.           <li><a href="#">登山</a></li>
  53.           <li><a href="#">自行车</a></li>
  54.           <li><a href="#"><font color="red">猫途微博</font></a></li>
  55.           <li><a href="#">贴图</a></li>
  56.           <li><a href="#">灌水</a></li>
  57.           </td>
  58.           <td class="archy_twoadc">
  59.           <li><a href="#">聚会</a></li>
  60.           <li><a href="#">热门</a></li>
  61.           <li><a href="#">旅游常识</a></li>
  62.           <li><a href="#">拓展</a></li>
  63.           </td>
  64.         </tr>
  65. </table>
  66. </div>
复制代码最好先不要修改文字长短,可能会造成错位,如果错位可以通过调整CSS里面的padding:0 5px适当来调整测试,修改链接后在粘贴代码。
 

精彩评论11

正序浏览
GoodyFouppy 发表于 2016-2-8 16:41:17 | 显示全部楼层
 
下次有人骂我了...我给他还回去..
 
seazvyt 发表于 2016-2-8 16:41:38 | 显示全部楼层
 
我怎么就踩不死你呢??
 
bqtklouu 发表于 2016-2-8 16:41:57 | 显示全部楼层
 
我不知道他说的是什么啊~~
 
effoggikeftor 发表于 2016-2-8 16:42:44 | 显示全部楼层
 
什么?????不知道......
 
Acropozelan 发表于 2016-2-8 16:42:51 | 显示全部楼层
 
嘿...反了反了,,,,
 
ofviz 发表于 2016-2-28 00:56:12 | 显示全部楼层
 
我喜欢啊,请继续 支持你












                               
登录/注册后可看大图


                               
登录/注册后可看大图
 
seazvyt 发表于 2016-3-7 17:41:42 | 显示全部楼层
 
我也不知道了~~你把我问蒙了 呵呵
 
tohme 发表于 2016-3-7 17:42:42 | 显示全部楼层
 
这日子没法过了....
 
bqtklouu 发表于 2016-3-7 17:43:09 | 显示全部楼层
 
不错的东西 持续关注
 
lvukh 发表于 2016-11-1 01:03:30 | 显示全部楼层
 
我的妈呀,爱死你了












                               
登录/注册后可看大图

欧规24V3A电源适配器
 
zswzo 发表于 2016-12-16 03:54:18 | 显示全部楼层
 
xiexie!!












                               
登录/注册后可看大图

欧规24V5A电源适配器
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

0粉丝

30帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )