Para obtener algo similar a esto
Se requiere sólo del uso de las propiedades CSS
Lo primero que debemos hacer es ir a
Plantilla,
Personalizar y llegaremos hasta el
diseñador de Plantillas, una vez allí nos vamos abajo del todo en donde dice
Avanzado, abajo del todo encontrarán una opción que dice añadir
CSS, en ese recuadro van a añadir lo siguiente:
.list-label-widget-content ul {
width: 100%;
margin: 0;
padding: 0;
font-size: 14px;
line-height:14px;
-moz-column-count: 2; -moz-column-gap: 10px;
-webkit-column-count: 2; -webkit-column-gap: 10px;
column-count: 2; column-gap: 10px;
}
.list-label-widget-content li a {
display: block;
margin: 0;
padding: 2px;
color: black;
}
.list-label-widget-content li a:hover {
background-color: grey;
color: white;
text-decoration: none;
}
.list-label-widget-content li span {
background-color: #666666;
}
Le dan a aplicar al blog y listo.
*Se pueden añadir otros efectos combinados que darían lugar a lo que ven hoy día aquí.
No hay comentarios:
Publicar un comentario
✭¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥