Estilo CSS para publicidad de 125x125px en tu blog (banner ads CSS)

03-12-2009 Webmaster, Tutoriales, CSS 4229 hits (36.99 %) 1 comentarios

Si estas buscando la forma de agregar publicidad a tu sitio web ó blog, pues uno de los formatos muy eficaces es el de 125x125px, como se puede apreciar en la imagen:

 sponsor x

Esto lo podemos lograr con la ayuda de CSS, como sigue:

.ads {
margin-top:5px;
}
.ads img {
padding: 5px;
border: 1px solid #CCCCCC;
margin-right: 5px;
margin-bottom: 5px;
}
.ads p {
font-size: 12px;
margin: 10px 0px 0px;
padding: 0px;
float: left;
width: 342px;
font-weight: bold;
color: #000000;
}
.ads p a {
color: #006699;
text-decoration: underline;
}
.ads img:hover {
padding: 5px;
border: 1px solid #999999;
margin-right: 5px;
margin-bottom: 5px;
}

Ahora en la parte HTML:

<div class="ads">
<a href="http://"><img alt="Ads banner" src="blackp.jpg"/></a>
<a href="http://"><img alt="Ads banner" src="blueb.jpg"/></a>
<a href="http://"><img alt="Ads banner" src="green.jpg"/></a>
<a href="http://"><img alt="Ads banner" src="bluew.jpg"/></a>
</div>

Adicionalmente te proporcionamos algunas imágenes en JPG para promocionar ese espacio en tu website ó blog.

 sponsor imagen sample

Vía Bloganol

autor image Jesus Liñan
Programador de software, especializado en web sacando provecho de todos los recursos de la internet para el desarrollo y diseño web y compartiendolo con todos. Seguir @jesusvld

Advertisement

1 comentarios a "Estilo CSS para publicidad de 125x125px en tu blog (banner ads CSS)"

  1. Se podria catalogar como css basico, pero me gusto el diseño jeje, gracias ^^

    Salutes!

Comentar