29 estilos CSS para decorar tu Google Adsense

John Z�rate — Wed, 16 Apr 2008 03:37:41 -0400

En una web hace tiempo salio el artículo, hoy en día estan malos lso enlaces y muchos quieren los codigos, etc. Yo los recuperare de a poco o si puedo los colocare enseguida todos. Espero sus agradecimientos. Esta es una compilación de recursos para poder hacer más agradable y más adaptado a uestros anuncios el código de Adsense, por legalidad, tengo entendido que es legal hacerlo en CSS.

1- Rounded corners in blue

CSS Code

#ad_code { width:516px; text-align:center; background:#FFFFFF url(YOUR-FOLDER/2007/04/bluerounded.png) center center no-repeat; padding:35px 0; }

HTML Code

Ad Color Scheme

Background Color: #003366
Border Color: #003366
Text Color: #666666
Link Color: #FFFFFF
URL Color: #666666

Image Download

Download Image

2-CSS Glow Banner Background

CSS Code

#ad_code { background:#FFFFFF url(YOUR-FOLDER/2007/04/css-glow.png) center center no-repeat; text-align:center; padding:11px 10px 10px 9px; width:487px; }

HTML Code

Ad Color Scheme

Background Color: #666666
Border Color: #666666
Text Color: #26AEED
Link Color: #FFFFFF
URL Color: #26AEED

Image Download

Download Image

3-Morning Horizon Full Banner

CSS Code

#ad_code { background:#FFFFFF url(YOUR-FOLDER/2007/01/horizon.png) center center no-repeat; padding:25px 0; width:468px; text-align:left; }

HTML Code

Ad Color Scheme

Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #777777
Link Color: #282828
URL Color: #777777

Image Download

Download Image

4- Purple Haze Full Banner

CSS Code

#ad_code{ width:490px; padding:15px 10px; text-align:center; background:transparent url(YOUR-FOLDER/2007/01/) center center no-repeat; }

HTML Code

Ad Color Scheme

Background Color: #9966CC
Border Color: #9966CC
Text Color: #EEEEEE
Link Color: #000000
URL Color: #EEEEEE

Image Download

Download Image

5- Blue Blue Sky Full Banner

CSS Code

#ad_code { width:480px; padding:10px; background:transparent url(YOUR-FOLDER/2007/01/bluesky.jpg) center center no-repeat; text-align:center; }

HTML Code

Ad Color Scheme

Background Color: #0066CC
Border Color: #0066CC
Text Color: #E1E1E1
Link Color: #FFFFFF
URL Color: #E1E1E1

Image Download

Download Image

6- Blue & Black Titled Full Banner

CSS Code

#ad_code { width:520px; background:transparent url(YOUR-FOLDER/2006/12/blacknblue-titled.jpg) left center no-repeat; padding:10px 0 10px 22px }

HTML Code

Ad Color Scheme

Background Color: #0099FF
Border Color: #0099FF
Text Color: #FFFFFF
Link Color: #000000
URL Color: #FFFFFF

Image Download

Download Image

7- Black & Blue Titled Full Banner

CSS Code

#ad_code { width:520px; background:transparent url(YOUR-FOLDER/2006/12/blue-titled.jpg) left center no-repeat; padding:10px 0 10px 22px }

HTML Code

Ad Color Scheme

Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #0099FF
URL Color: #CCCCCC

Image Download

Download Image

8- Black Gradient Full Banner

CSS Code

#ad_code { text-align:center; width:490px; padding:15px; background:transparent url(YOUR-FOLDER/2006/12/adsense2.gif) center center no-repeat; }

HTML Code

Ad Color Scheme

Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #5C9CDD
URL Color: #CCCCCC

Image Download

Download Image

Hal Banners

9- Black Horizontal Gradient Half Banner

CSS Code

#ad_code { background:#FFFFFF url(YOUR-FOLDER/2007/05/blackgradient.png) center center no-repeat; width:314px; text-align:center; padding:6px 45px 6px 35px; }

HTML Code

Ad Color Scheme

Background Color: #333333
Border Color: #333333
Text Color: #999999
Link Color: #FFFFFF
URL Color: #999999

Image Download

Download Image

Los que faltan (20) los subo de a poco, en 2 días aprox. Los tengo todos online, la cosa toma trabajo :).