大师兄 发表于 2017-12-16 14:36:34

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

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

二级导航广告效果图:

1、下载zhanhelp附件

,上传到static目录下
2、复制下面的代码,添加到--后台--运营--站点广告--二级导航广告--添加--代码
<style>
.archy_twoad { width:958px; border:1pxsolid #dfdfdf; border-top-width:0; height:50px; padding-top:6px; overflow:hidden; }
.archy_twoadc { padding-left:5px; }
.archy_twoadc li { display:inline; }
.archy_twoadc a { display:inline-block; padding:0 5px; text-decoration: none; font-size: 12px;}
.ie_all .archy_twoadc a { padding:0 4px; }
.archy_twoadc a:hover { font-size:12px; text-decoration:underline; }
</style>
<div class="archy_twoad">
<table cellspacing="0" cellpadding="0" border="0" align="center">
      <tr>
          <td align="left" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_news.gif"></a></td>
          <td class="archy_twoadc">
          <li><a href="#">综合</a></li>
          <li><a href="#">专题</a></li>
          <li><a href="#">推荐</a></li>
          <li><a href="#">经典线路</a></li>
          </td>
          <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_zhuangbei.gif"></a></td>
          <td class="archy_twoadc">
          <li><a href="#">户外品牌</a></li>
          <li><a href="#">装备评测</a></li>
          <li><a href="http://bbs.zb7.com/">站长论坛</a></li>
          </td>
          <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_bbs.gif"></a></td>
          <td class="archy_twoadc">
          <li><a href="#">滑雪</a></li>
          <li><a href="#">自驾游</a></li>
          <li><a href="http://bbs.zb7.com/">网站建设</a></li>
          <li><a href="#">健身</a></li>
          <li><a href="#">跑步</a></li></td>
          <td width="52" align="right" rowspan="2"><a href="#"><img width="35" height="44" border="0" src="static/zhanhelp/menu_huodong.gif"></a></td>
          <td class="archy_twoadc">
          <li><a href="#">郊游</a></li>
          <li><a href="#">行业</a></li>
          <li><a href="#">结伴同行</a></li>
          <li><a href="#"><font color="red">趣味</font></a></li></td>
      </tr>
      <tr>
          <td valign="middle" class="archy_twoadc">
          <li><a href="#">城市</a></li>
          <li><a href="#">旅游</a></li>
          <li><a href="#">资料</a></li>
          <li><a href="http://bbs.zb7.com/forum-45-1.html">discuz教程</a></li>
          </td>
          <td class="archy_twoadc">
          <li><a href="#">装备知识</a></li>
          <li><a href="#">户外资料</a></li>
          <li><a href="http://bbs.zb7.com/forum-44-1.html">Discuz模板</a></li>
          </td>
          <td class="archy_twoadc">
          <li><a href="#">登山</a></li>
          <li><a href="#">自行车</a></li>
          <li><a href="#"><font color="red">猫途微博</font></a></li>
          <li><a href="#">贴图</a></li>
          <li><a href="#">灌水</a></li>
          </td>
          <td class="archy_twoadc">
          <li><a href="#">聚会</a></li>
          <li><a href="#">热门</a></li>
          <li><a href="#">旅游常识</a></li>
          <li><a href="#">拓展</a></li>
          </td>
      </tr>
</table>
</div>最好先不要修改文字长短,可能会造成错位,如果错位可以通过调整CSS里面的padding:0 5px适当来调整测试,修改链接后在粘贴代码。
页: [1]
查看完整版本: dz分享一款不错的二级导航广告代码