给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广告的阴影背景效果图

版权声明:
作者:闲吧
链接:https://www.xianba.net/1655.html
来源:闲吧资源站
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>