分享一款不错的二级导航广告代码
x
这个导航代码主要配合时尚绿色环保模板使用,也可以单独使用,在时尚环保绿色模板里面也兼容了这款二级导航的代码,可以直接使用,下面就分享二级导航广告代码以及使用方法。
二级导航广告效果图:
1、下载zhanhelp附件
zhanhelp.rar
,上传到static目录下
2、复制下面的代码,添加到--后台--运营--站点广告--二级导航广告--添加--代码- <style>
- .archy_twoad { width:958px; border:1px solid #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适当来调整测试,修改链接后在粘贴代码。 |