Estilo CSS para publicidad de 125x125px en tu blog (banner ads CSS)
03-12-2009 Webmaster, Tutoriales, CSS 4229 hits (36.99 %) 1 comentariosSi 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


Salutes!