relojes blogs

24.7.12

Entradas populares personalizadas con CSS


Comparte esta historia en:
Imagen: http://a-duque71.blogspot.com

Para agregar un estilo diferente y original al gadget de Entradas populares, utilizaremos solo CSS, y lo único que tendremos que hacer será:


Ir a Edicion HTML de tu blog y antes de ]]></b:skin> y pega lo siguiente:


popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: transparent
url(http://1.bp.blogspot.com/_7wsQzULWIwo/SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;/* radio del borde */
-moz-border-radius:10px;/* radio del borde */
-webkit-border-radius:10px;/* radio del borde */
}
.popular-posts ul li:hover {
border:1px solid #ff9900;/* color de borde al pasar en cursor */
}
.popular-posts ul li a:hover {
text-decoration:none;
}


Cambia la imagen si lo deseas

2 Comentarios :

Little_ Dreamer dijo...

Gracias funciona :D

Antonio Moreno dijo...

A ti Little_Dreamer por tu visita y comentario

¿Quieres comentar algo?




Estado del blog

entradas
comentarios
1.467 followers
168 seguidores
 días online



Comentarios recientes

 
© Copyright 2009 - 2015 | Contacto | Seguir este blog | Sobre mi | Facebook | Twitter | LinkedIn | Mapa del sitio | Tienda | Conversor | RSS |

@duque71 2015