轻松通过广告位来创建二级导航

aibey · 发表于 2012-3-28 22:28:32

很多朋友，包括我刚接触discuz 的时候，二级导航让我很纠结，不知道怎么去实现，后来自己摸索了一个方法何不用广告位方式来实现呢？效果可登陆www.aibey.cn观看演示

运营-广告-全局页头二级导航栏广告来搭建一个广告位，展现方式为：代码

代码如下：

<style type="text/css">
<!--
.STYLE1 {color: #FF0000}
-->
</style>
<div class="a_mu"><style type="text/css">
#nav_bottom {
background-image: url(http://www.aibey.cn/image/nav_bottom.png);
height: 59px;
padding-top:9px;
width: 955px;
}
</style>
<div id="nav_bottom"><table width="955" border="0" align="center" style="font-size:12px; font-family:宋体;">
<tbody><tr>
<td width="10" rowspan="2" style="padding-left:8px;"><img src="http://www.aibey.cn/image/menu_zixun.gif" alt="宝贝" width="29" height="47"></td>
<td width="170" height="22" valign="top" style="padding-left:10px;"><a target="_blank" class="STYLE1">靓照</a> | <a target="_blank">读物</a> | <a target="_blank">童趣</a> | <a target="_blank">作品</a></td>
<td width="29" rowspan="2"><img src="http://www.aibey.cn/image/menu_hudong.gif" alt="父母" width="29" height="47"></td>
<td width="315" valign="top" style="padding-left:10px;"><a target="_blank">妈妈情感</a> | <a target="_blank">婚姻生活</a> | <a target="_blank">婆媳关系</a> | <a target="_blank">妇科疾病</a> | <a target="_blank">咨询</a></td>
<td width="29" rowspan="2"><img src="http://www.aibey.cn/image/menu_kuanpin.gif" alt="早教" width="29" height="47"></td>
<td width="220" valign="top" style="padding-left:10px;"><a target="_blank" class="STYLE1">家庭教育</a> | <a target="_blank">幼儿教育</a> | <a target="_blank">性格</a> | <a target="_blank">行为</a></td>
<td width="29" rowspan="2"><img src="http://www.aibey.cn/image/menu_shenghuo.gif" alt="应用" width="29" height="47"></td>
<td width="130" valign="top" style="padding-left:5px;"><a target="_blank">商家在线</a>
| <a target="_blank"><font color="red">发信息</font></a></td>
</tr>
<tr>
<td width="170" style="padding-left:10px;"><a target="_blank">胎儿</a> | <a target="_blank">婴幼</a> | <a target="_blank">疾病</a> | <a target="_blank">营养</a></td>
<td width="315" style="padding-left:10px;"><a target="_blank" class="STYLE1">怀孕妈妈</a> | <a
target="_blank">购物分享</a> | <a target="_blank">动感生活</a> | <a target="_blank">爸爸话题</a> | <a target="_blank">好友</a></td>
<td width="220" style="padding-left:10px;"><a target="_blank">启蒙教育</a> | <a target="_blank">智力开发</a> | <a target="_blank">才艺</a> | <a target="_blank">运动</a></td>
<td width="130" align="center" style="padding-left:5px;"><a target="_blank">礼品兑换</a> | <a target="_blank"><font color="red">妈妈群</font></a></td>
</tr>
</tbody></table>
</div>
</div>

复制代码

将我的信息更改为自己的内容，并通过宽度来调整数字。

雨墨 · 发表于 2012-3-28 22:59:55

非常简单实用的方法！

lcclm · 发表于 2012-3-29 11:20:11

好，此贴必火

lcclm · 发表于 2012-3-29 11:21:05

简单易懂，新手的绝对支持

落水有情 · 发表于 2012-3-29 11:39:16

感谢你的分享！

szcavan · 发表于 2012-3-29 14:43:03

简单易懂，新手的绝对支持

aibey · 发表于 2012-3-29 15:54:31

很多时候我们应该力求简洁

l250388178 · 发表于 2012-3-29 16:22:05

冒个泡，支持！谢谢

l250388178 · 发表于 2012-3-29 17:57:20

请问大家！为什么没有人回贴的呢？？？

yehui2512 · 发表于 2012-3-29 22:20:34

这个不错，我用了。谢谢楼主

		自动登录	找回密码
密码			立即注册

[发布] 轻松通过广告位来创建二级导航

本帖子中包含更多资源