仿5.3版广告插件效果的广告制作方法
常常有朋友问官方的4格广告是怎么放上去的？呵呵，官方的是使用广告插件放置的。我们没有广告插件就无法直接实现这样的效果了，但我们可以通过下面的方法来仿5.3版广告插件的效果来制作自己的广告。
[color=#0000ff][b]（一）开辟广告位置[/b][/color]
要放广告就得有位置，我们知道官方4格广告位置在导航栏下面。所以首先得修改css导航栏定义.guide段，在导航栏下面加出一定尺寸的空位
先找到css里的.guide段
.guide{}
换成：
.guide{margin-bottom: [color=#ff3300][b][size=3]XX[/size][/b][/color]px;}
其中XX是你要加的空位高度值，这个值得根据自己广告高度来定
[color=#0000ff][b]（二）放广告代码[/b][/color]
有了上面的位置问题就好办多了，接下来就是放置广告，我们分别以不跨台、跨台来说明下怎么放广告内容
[b]1）不跨台的（简单、稳定、速度快。效果一般）[/b]
下面以八格广告制作为例，直接把以下代码内容改为自己的后将[color=#ff0000][b]代码放在css最后面[/b][/color]即可
Quote:[indent]</style>
<div style=position:absolute;top:[color=#ff0000][b]100[/b][/color]px;left:[color=#ff0000][b]10[/b][/color]px>
<table width="98%" cellspacing="1" cellpadding="6" align="center" bgcolor="#9CC2D8">
<tr align="center">
<td class="f_one" width="25%">
<a target="_blank" style="text-decoration: none; color: #2f5fa1" href="http://bbs.uu1001.com/read.php?tid-10066.html">
Uu1001域名绑定帮助教程</a></td>
<td class="f_one" width="25%">
<a style="color: red; text-decoration: none" target="_blank" href="http://client.alexa.com/install/AlexaInstaller.exe">
安装Alexa工具条，实时查看网站最新情况</a></td>
<td class="f_one" width="25%">
<a target="_blank" style="text-decoration: none; color: #2f5fa1" href="http://bbs.uu1001.com/read.php?tid-119.html">
Uu1001新手问题集锦 </a></td>
<td class="f_one" width="25%">
<a style="text-decoration: none; color: #2f5fa1" href="http://www.uu1001.com/uzjh/index.html">
杰出U站计划</a> | .<a style="text-decoration: none; color: #2f5fa1" href="http://bbs.uu1001.com/read.php?tid-76127.html">论坛成长计划（<font color="red">奖</font>）</a></td>
</tr>
<tr align="center">
<td class="f_one" width="25%">
<a href="http://bbs.uu1001.com"><span style="text-decoration: none">广告招租</span></a></td>
<td class="f_one" width="25%">
<a href="http://bbs.uu1001.com"><span style="text-decoration: none">广告招租</span></a></td>
<td class="f_one" width="25%">
<a href="http://bbs.uu1001.com"><span style="text-decoration: none">广告招租</span></a></td>
<td class="f_one" width="25%">
<a href="http://bbs.uu1001.com"><span style="text-decoration: none">广告招租</span></a></td>
</tr>
</table>
</div>
[/indent]
不跨台八格广告效果演示：[url=http://uutoot.uu1001.com/][color=#2f5fa1]http://uutoot.uu1001.com[/color][/url]
[color=#2f5fa1]
[/color][b]2）跨台的（较复杂、稳定取决于空间、速度相对较慢。效果丰富）[/b]
引用html页面的广告代码，界面效果丰富、可以放图片、html广告、google广告代码等，其中：html页面自己制作，但应该注意一点，由于这个html页面是每页都显示的，所以不要搞太复杂，以免拖速度。
同样，将调用的[color=#ff0000][b]代码放在css最后面[/b][/color]即可
Quote:[indent]</style><div style=position:absolute;top:[color=#ff0000][b]100[/b][/color]px;left:[color=#ff0000][b]10[/b][/color]px> <p align='center'><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=[color=#ff3300]广告html页面文件地址[/color] width=98% height=90></iframe></p></div>[/indent]
注意：
[b][color=#6600cc][size=4]上面代码中：红色的top:100px;left:10px是 引用html页面的起始位置 width=98% 、height=90是 引用html页面的宽和高。[/size][/color][/b]
请根据自己引用html页面的情况作适当调整
跨台html广告效果演示：