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

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:

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.

Vía Bloganol