在vbulletin导航栏下安装广告条

在后台风格管理中,找到想修改的模板
1、修改NAVBAR模板,在最下面加入:
<div id="topad">
<ul>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" rel="external">广告位招租</a></li>
<li><a href="#" target="_blank">广告位招租</a></li>
</ul>
</div>
<div class="clear"></div>

以上代码中,#就是你要显示的网址,"广告位招租"换成你想显示的内容
2、在风格管理中找到想要修改的模板,选取“主CSS属性”,在“附加的 CSS 定义”中“高级用户”右框中最下面,加入:
#topad {
clear: both;
margin:0 auto;
text-align: right;
width:99.9%;
}
#topad ul {
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}
#topad li {
float: left;
border: #CCC 1px solid;
width: 24.9%;
margin:-1px 0 0 -1px;
display: block;
background: #F7F7F7;
line-height: 25px;
overflow: hidden;
}
#topad li a {
display: block;
color: #000;
font-size: 12px;
text-decoration: none;
}
#topad li a:hover {
color: #333;
background-color: #EEE;
font-weight: bold;
}
.clear{clear:both;height:15px;overflow:hidden;}

以上代码中,“width:99.9%”数值是指宽度,“width: 24.9%”是指每个列项的宽度,如果在在您的首页中错位,那就么调整这两个值 ,后面的小数值*列数,应该等于或小于前面的数值

这是从老鬼的网站上rip来的,大家不要感谢我,要多谢老鬼啊,老鬼的网址:http://www.chinahtml.com

Tags:
shuxin

发表评论

电子邮件地址不会被公开。 必填项已用*标注