Uu广告制作全攻略
此贴应UniCool版主要求复制到站长交流版一份，以便供新手参考交流，故转发一贴在此了
[size=3][color=#0000ff][b]《第一节》：顶部广告制作方法：[/b][/color][/size]
所谓的顶部就是论坛最上面的位置了，这里可以说是浏览者的必经之路，广告效果比其他地方的更为明显、直接。一般这里适合做条幅广告、文字广告、导航广告、论坛工具及顶部导航等。。。（支持jpg、gif、swf、文字及html页面等多种文件格式）
下面分别给大家介绍采用不同文件格式的代码： [color=#ff3300][size=4][b]（代码放在css中最后部分）[/b][/size][/color]
[b]1）：采用jpg、gif格式图片的顶部条幅广告代码：（这个是最常用的了）[/b]
Quote:[indent]</style>
<p align='center'><A href='条幅广告链接地址' target=_blank><IMG height='50' src='条幅广告图片地址' width='100'></A></p>
</style>
</head>[/indent]
[b]附：无需链接的条幅广告代码：（一般为公益、宣传、招聘等公告类广告）[/b]
Quote:[indent]</style>
<p align='center'><IMG height='50' src='无链接条幅广告图片地址' width='100'></A></p>
</style>
</head>[/indent]
[b]2）：采用swf格式文件的广告代码：（视觉效果最好，直接支持链接，但flash制作难度较高）[/b]
Quote:[indent]</style>
<p align='center'><EMBED align=center src=swf广告文件地址 width=100 height=50 type=application/x-shockwave-flash QUALITY='high'></EMBED></p>
</style>
</head>[/indent]
[b]3）：直接用文字方式的广告代码：（简洁、实用）[/b]
Quote:[indent]</style>
<p align='center'><a href=文字广告链接地址>文字广告内容</a></p>
</style>
</head>[/indent]
[b]例：红色、粗-黑体6号字顶部广告代码[/b]
Quote:[indent]</style>
<p align='center'><a href=文字广告链接地址><span style=text-decoration:none><font size=6 color=#FF0000 face=黑体><b>文字广告内容</b></font></span></a></p>
</style>
</head>[/indent]
[b]4）：引用html页面的广告代码：（解决界面效果丰富的或者是只有html广告代码的最佳方法）[/b]
Quote:[indent]</style>
<p align='center'><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=html页面文件地址 width=100 height=50></iframe></p>
</style>
</head>[/indent]
[b]例：做在顶部的google广告代码：[/b]
将google广告html页面文件上传空间，得到google广告html页面文件地址
Quote:[indent]</style>
<p align='center'><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=google广告html页面文件地址 width=100 height=50></iframe></p>
</style>
</head>[/indent]
[color=#ff4500][size=3]（将上面的代码根据自己顶部广告文件地址及广告链接地址编辑好，然后把代码放在要发放广告的风格css中最后部分。代码中：width=100 、height=50是顶部广告文件的宽和高，根据自己顶部广告文件的情况作适当调整。）[/size][/color]
[size=3][b][color=#0000ff]《第二节》：头部banner广告制作方法：[/color][/b][/size]
开门见山，客访看一个站，首先肯定就要看你网站的头部，即LOGO和banner（其中：LOGO当然是必须的）
现在大家在做论坛头部的时候，很多朋友一般都是直接在头部放个顶部logo且一般都是满顶放置的。看上去比较单一、千篇一律。然而，我们见到很多独立的PW论坛头部都是由LOGO和banner组成的（Uu的官方站就是），由于现在Uu的头部只有个LOGO设置，后台并没有直接加banner的地方，所以出现这样的情况也难免。但是现在做站，丰富我们论坛的头部信息是非常重要的。
下面给大家介绍怎样用代码的方式来实现顶部banner广告效果：
[b]一）:banner的定义：[/b]
PHPWind 论坛顶部一般由LOGO和banner两部分组成
LOGO 是站标，一个图形标志
banner 是顶部横幅广告，是网络广告中最常见的广告形式，既然是广告就应该有指定的广告链接了
[b]二）:banner与LOGO的尺寸关系：[/b]
既然我们要用banner广告，而banner与LOGO又都在顶部上，我们就必须知道banner与LOGO的尺寸关系，考虑到800px*600px的分辨率，则banner与LOGO总的宽度定义应小于800px
[b]三）:不同类型的banner代码： （本方法支持banner的内容可以是jpg、gif、swf、文字及html页面等多种文件格式）[/b]
下面分别一一给大家介绍采用不同文件格式的代码：[color=#ff3300][b] [size=4]（代码放在css中最后部分）[/size][/b][/color]
[b]1）：采用jpg、gif格式图片的代码（最常用）[/b]
Quote:[indent]</style>
<div style=position:absolute;top:10px;right:10px><A href='banner链接地址' target=_blank><IMG height='50' src='banner图片地址' width='100'></A></div>
</style>
</head>[/indent]
[b]如果不需要链接则可用下面的代码：[/b]
Quote:[indent]</style>
<div style=position:absolute;top:10px;right:10px><IMG height='50' src='banner图片地址' width='100'></div>
</style>
</head>[/indent]
[b]2）：采用swf格式文件的代码（视觉效果更好自身支持链接）[/b]
Quote:[indent]</style>
<EMBED style='right: 10px; POSITION: absolute; TOP: 10px' align=center src=banner的swf文件地址 width=100 height=50 type=application/x-shockwave-flash QUALITY='high'></EMBED>
</style>
</head>[/indent]
[b]3）：直接用文字方式的代码：（简单、实用）[/b]
Quote:[indent]</style>
<div style=position:absolute;top:10px;right:10px><a href=链接地址>banner文字</a></div>
</style>
</head>[/indent]
[b]4）：引用html页面的代码：（界面较丰富或只有html广告代码的方法）[/b]
Quote:[indent]</style>
<div style="position:absolute;top:10;right:10px"><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=html页面文件地址 width=100 height=50></iframe></div>
</style>
</head>[/indent]
[b]例：把google广告做到banner上[/b]
Quote:[indent]</style>
<div style="position:absolute;top:10;right:10px"><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=google广告html页面文件地址 width=100 height=50></iframe></div>
</style>
</head>[/indent]
[size=3][color=#ff4500][b]其中：[/b]
top:10px;right:10px是banner在页面的起始位置（注意banner一般都是在头部的右侧位）width=100 、height=50是banner文件的宽和高。
请根据自己banner文件的情况作适当调整[/color][/size]
效果演示：[url=http://uutest.uu1001.com/][color=#2f5fa1]http://uutest.uu1001.com[/color][/url]
[size=3][b][color=#0000ff]《第三节》：版块公告上的广告制作方法：[/color][/b][/size]
这个简单，因为公告内容直接支持html代码，直接到后台——信息管理——点 发布 在公告范围：里选要发布公告的版块，写上标题，再在公告内容：中放上自己的广告代码。（不多熬述了）
[size=3][color=#0000ff][b]《第四节》：版头广告制作方法：[/b][/color][/size] [color=#ff3300][size=4][b]（已更新为Uu1001 V2.0版）[/b][/size][/color]
所谓版头广告就是各个分类的上部，这个比较常见，Uu上用的人很多，什么3 格、8 格、N 格的，基本方法是先做个gg.html页面文件上传到空间，再用下面的代码调用
Quote:[indent]</th><IFRAME border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=广告的高度 framespacing=0 frameborder=0 scrolling=no width=100% src=http://空间地址/gg.htm></IFRAME>[/indent]
这里给大家个实例：[url=http://bbs.uu1001.com/read.php?tid=42746][color=#2f5fa1]http://bbs.uu1001.com/read.php?tid=42746[/color][/url]
[size=3][color=#0000ff][b]《第五节》：漂浮广告制作方法：（必须使用跨台空间，一般在首页使用）[/b][/color][/size]
[b]1）：全屏幕漂浮的广告[/b] [color=#ff3300][size=4][b]（已更新支持w3c标准）[/b][/size][/color]
先在自己电脑上用记事本建一个文本文件，把下面的代码里面的相关内容改为自己的
Quote:[indent]
var brOK=false;
var mie=false;
var vmin=2;
var vmax=5;
var vr=1;
var timer1;
var ads;
var isflash=0;
var pic="广告链接地址";
var alt="鼠标放在广告图片上时显示的说明提示语";
var url="广告图片地址";
var flashurl="1.swf";
var Wimg=广告图片宽度;
var Himg=广告图片高度;
function movechip(chipname)
{
if(brOK)
{
eval("chip="+chipname);
if(!mie)
{
pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{
pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-8;
pageY=window.document.documentElement.scrollTop;
pageH=window.document.body.offsetHeight;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX)
{
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w)
{
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.xx>=680)
{
chip.xx=chip.xx-20;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{
chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{
chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
if(!mie)
{
eval('document.'+chip.named+'.top ='+chip.yy);
eval('document.'+chip.named+'.left='+chip.xx);
}
else
{
eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",80);
}
}
function stopme(chipname)
{
if(brOK)
{
eval("chip="+chipname);
if(chip.timer1!=null)
{
clearTimeout(chip.timer1)
}
}
}
function ads()
{
if(navigator.appName.indexOf("Internet Explorer")!=-1)
{
if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();mie=true;
}
if(navigator.appName.indexOf("Netscape")!=-1)
{
if(parseInt(navigator.appVersion.substring(0,1))>=4) brOK=navigator.javaEnabled();
}
ads.named="ads";
ads.vx=vmin+vmax*Math.random();
ads.vy=vmin+vmax*Math.random();
ads.w=1;
ads.h=1;
ads.xx=0;
ads.yy=0;
ads.timer1=null;
movechip("ads");
}
document.write('<div id="ads" onmouseover=stopme("ads"); onmouseout=movechip("ads"); style="height:49px;left:178px;position:absolute;top:1237px;width:70px; z-index:1000">');
if (isflash>0)
{
document.write("<EMBED src='" + flashurl + "' quality=high WIDTH='" + Wimg + "' HEIGHT='" + Himg + "' TYPE='application/x-shockwave-flash'></EMBED>");
}
else
{
document.write("<a href='" + url + "' target=_blank>");
document.write("<img src='" + pic + "' alt='" + alt + "' border=0 width='" + Wimg + "' height='" + Himg + "'></a>");
}
document.write("</div>");
ads();
[/indent]
然后把这个文件保存为一个js脚本文件，如：gg.js
最后进您的论坛后台任何一个[color=#ff3300][b]版块简介[/b][/color]里放上下面的代码：
<script src='http://空间地址/gg.js'></script>
[b]2）：两侧漂浮的广告：[/b]
方法同 [url=http://bbs.uu1001.com/read.php?tid-37336.html][color=#0000ff]制作漂亮的飘浮挂件[/color][/url]
[size=3][color=#0000ff][b]《第六节》：签名广告制作方法：[/b][/color][/size]
[b]1）文字签名广告：[/b]
Quote:[indent][url=http://bbs.uu1001.com/广告链接地址][color=#2f5fa1]文字广告内容[/color][/url][/indent]
[b]2）图片签名广告：[/b]
Quote:[indent][url=广告链接地址][img]广告图片地址[ /img][/url] [/indent]
[b]3）flash签名广告：[/b]
Quote:[indent][flash=flash宽度,flash高度]flash地址[/flash] [/indent]
[color=#ff4500]（这些实际上个性签名帮助上都有）[/color]
[size=3][color=#0000ff][b]《第七节》：底部广告制作方法：[/b][/color][/size] [color=#ff3300][size=4][b]（暂时失效说明：现官方统一改成 浙ICP备06052510号 ，原 ICP 备案信息 暂不支持html代码）[/b]
[/size][/color]
底部广告，又一个重头戏。广告的最后一站，（支持jpg、gif、swf、文字及html页面等多种文件格式）
[b]1）：采用jpg、gif格式图片的顶部条幅广告代码：[/b]
①:先准备或者制作好一张广告图片，可以是jpg或gif格式，上传。（传到论坛上及跨台空间均可）
②:根据自己广告的情况完成下面代码内容
Quote:[indent]<CENTER><A href='广告链接地址' target=_blank><IMG height=图片高度 src='广告图片地址' width=图片宽度></A></CENTER>[/indent]
③:最后把代码放在 论坛核心设置——论坛资料设置——ICP 备案信息处。
[b]附：无链接的条幅广告代码：[/b]
Quote:[indent]<CENTER><IMG height=图片高度 src='广告图片地址' width=图片宽度></CENTER>[/indent]
[color=#ff3300][size=4][b]代码放ICP 备案信息[/b][/size][/color]
[b]2）：采用swf格式文件的广告代码：[/b]
Quote:[indent]<p align='center'><EMBED align=center src=swf广告文件地址 width=100 height=50 type=application/x-shockwave-flash QUALITY='high'></EMBED></p>[/indent]
[color=#ff3300][size=4][b]代码放ICP 备案信息[/b][/size][/color]
[b]3）：直接用文字方式的广告代码：[/b]
Quote:[indent]<p align='center'><a href=文字广告链接地址>文字广告内容</a></p>[/indent]
[b]例：红色、粗-黑体6号字底部文字广告代码：[/b]
Quote:[indent]<p align='center'><a href=文字广告链接地址><span style=text-decoration:none><font size=6 color=#FF0000 face=黑体><b>文字广告内容</b></font></span></a></p>[/indent]
[color=#ff3300][size=4][b]代码放ICP 备案信息[/b][/size][/color]
[b]4）：引用html页面的广告代码：[/b]
Quote:[indent]<p align='center'><iframe transparent frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=html页面文件地址 width=100 height=50></iframe></p>[/indent]
例：做在底部的google广告
将google广告html页面文件上传空间
Quote:[indent]<p align='center'><IFRAME border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src=google广告html页面文件地址 frameBorder=0 width=100% scrolling=no height=50></IFRAME></p>[/indent]
[color=#ff4500][size=3]（将上面的代码根据自己底部广告文件地址及广告链接地址编辑好，然后把代码放在论坛核心设置——论坛资料设置——ICP 备案信息处。代码中：width=100 、height=50是广告文件的宽和高，根据自己的广告文件情况作适当调整。）[/size][/color]
[b][size=3][color=#008000]以上是些广告制作基本方法介绍，望大家能学到些有用的东西，用好用活这些方法，做出自己的个性站~ [/color][/size][/b]