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

1
2502

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

1 COMENTARIO

Comments are closed.