Portada

Menú

Artículos recientes

Contenido más popular

Comentarios recientes

Personas en línea

En estos momentos hay 16 personas visitando "Pixel Chile - Diseño y Curiosidades - En Bligoo"

Archivo Mensual


29 estilos CSS para decorar tu Google Adsense

Enviado por John Zárate el miércoles, 16 abril, 2008 a las 2:36

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

Adsense CSS

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

Ad Color Scheme

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

Image Download


2-CSS Glow Banner Background
ads2.PNG

 

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

Ad Color Scheme

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

 

Image Download

3-Morning Horizon Full Banner
ads3.PNG

 

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

Ad Color Scheme

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

 

Image Download

4- Purple Haze Full Banner

ads4.PNG

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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

ads5.PNG

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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

ads6.PNG

 

 

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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

ads7.PNG

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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

ads8.PNG

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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

ads9.PNG

 

 

 

 

 

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

<div id=""ad_code">      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

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 :).

Etiquetas:
Mandar a un amigo | | Comentar |

Que genial!

Enviado por Joaquin Souyris el 16 abril, 2008 a las 12:42
Joaquin Souyris

No sabia que se podían personalizar, lo voy a tener en mente para el futuro.

Una pregunta, vi tu pagina personal http://www.johnzarate.com/ y encontré genial ese "flash" que recorre noticias en el encabezado de los post, el Featured Stories con que script hiciste eso?? si es que se puede saber.

Saludos y nos estamos leyendo.

 


Responder | -0 / +0

Es un

Enviado por John Zárate el 16 abril, 2008 a las 15:17
John Zárate

Es un template de WordPress que uso no he diseñado mi site por tiempo. Un amigo se robo el código www.matiasconcha.com al diseño, el diseño se llama Massive News 

-----------------

Visita mi Bligoo www.pixelchile.com
John Zárate - Webmaster


Responder | -0 / +0

lucia 96@hotmail.com

Enviado por zully lucia martinez coelho el 13 marzo, 2009 a las 22:36
krjgkhkjhbgkdhgvkfhnblsdvbvl.kfvksjndasbcnughc,onjbfldjfdb h h h h m y,k i, xyuyum i TE AMO TE QUIERO lucisa besos cuidate

Responder | -0 / +0

La anterior

Enviado por Powerpoint Templates el 17 marzo, 2009 a las 18:20

La que mandó el mensaje anterior está pasada... a quién le escribía?

Saludos!


Responder | -0 / +0





Suscribirse a los comentarios de este artículo en RSS

Encuesta

Quien sera el proximo Presidente para el Bicentenario ?


Encuestas anteriores

Búsqueda

Entra!

Otras Webs de John Zárate

Estadisticas

site statistics site statistics
bligooEste sitio funciona sobre la
plataforma de sitios sociales Bligoo
Diseñado por John Zárate