首页 >> 下载中心 >> CSS/HTML源码 >> 美化Google AdSense广告素材下载(2)

美化Google AdSense广告素材下载(2)

作者:Simon 来源:Adsense繁體中文觀測站 时间:2007-8-15 网友评论条 【

如何使用AdSense广告背景图片

要将AdSense广告加背景其实很简单,我们只需要使用CSS (串接样式表)就能很容易為广告加上背景图片,如果是你使用WordPress你还可以装上Adsense-Deluxe插件这样更方便操控你的AdSense广告。


现在為大家解说一下如何使用CSS為广告加上背景,首先要有一个略大於你将使用的广告组大小的背景图片,Simon将使用300×250的AFC广告组所以制作了一个320×270的背景。然后我们就可以使用CSS在DIV的style中加上向左或右靠、背景和间距。以下就是Simon拿来美化AdSense广告的CSS码:
<div style="float: right; background-image: url(图片网址);height: 270px; width: 320px;padding-top: 10px;padding-left: 12px;background-repeat: no-repeat;" > 300x250AdSense广告码放在这裡 </div>

Float: right;

就是让你的广告在内文中向右边靠,文章内容会包在左边和下面。当然你也可以将right改成left就会向左靠。
 
background-image: url(图片网址); 


这裡的图片网址就是你存放图片的网址。

height: 270px; 

这是背图片象素高度。

width: 320px; 

这是背图片象素宽度。

padding-top: 10px; 

上端间距。

padding-left: 12px; 


左端间距。

background-repeat: no-repeat; 

对图片的重覆显示设定,因為只要出现一个所以是不重覆(no-repeat)。


我们只需要将从AdSense后台获得的300×250白色背景的广告码放在”300×250AdSense广告码放在这裡”的位置也就是包在DIV码中就可以了。


但一些比较特殊的计设,如那个黄色或灰色的背景我们就需要符和背景图片AdSene广告背景顏色。除此之外我们还要微调间距让AdSense广告摆放在背景的中间。Simon提供的这几个广告背景图片都附上相对应的CSS码,你只需将AdSense广告码加上及修改图片网址就可以使用,也附上特殊顏色背景的色码。

下载广告背景和使用说明:

Simon已经将这一组背景和使用说明打包成ZIP档,包含6个背景图片、一个使用说明readme.htm。

下载地址:美化Google AdSense广告懒人包(googleadsense-backbround).zip (72.75 KB)

相关阅读:

DZ贴内Google AdSense 广告美化技巧

来看看怎么美化你的Google Adsense广告吧

站长工具
Google PR 查询:
相关文章
loading 请稍等,评论加载中...

学习Asp到中国Asp之家(Aspxhome.com)

闽ICP备06017341号