您的位置 首页 建站资源

给Google Ad添加阴影背景效果

今天看到免费吧上有人问怎么实现给Google Ad添加阴影背景效果,还给了个网站,闲吧资源站看了下,觉得不错,于是问谷歌,谷歌告诉了我怎么能,不敢独享,共享给大家。实现方法

1. 用一个div标签包住你的Google Adsense广告代码,如下:

<div>Google Adsense广告代码</div>

2. 使用photoshop或其它工具制作一张背景图片。比如我的背景图片就是一个三角形,它宽116px, 高113px,假设保存名为”ggshadow.jpg”,放在wordpress主题的images文件夹里。

3. 使用CSS代码为<div class=”ggad”>添加背景图,在style.css里面写入:

.ggad{
padding-left:116px; /*背景图的宽度*/
background:url(images/ggshadow.jpg) left bottom; /*指定背景图,并且让它显示于左下位置*/
}

OK,搞定。

效果图如下:

Google Adsense广告的阴影背景效果图

关于作者: 闲吧

热门文章

发表评论

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

2条评论