Gadget de las etiquetas personalizado en tu blog


Para añadir este estilo en el gadget de las etiquetas en tu blog de blogger ir a:
  • Plantilla
  • Personalizar
  • Diseñador de Plantillas
  • Avanzado
  • Añadir código CSS personalizado, en el recuadro pegar el siguiente código:

/*---Etiquetas en dos columnas-------*/
#Label1 ul li{
float: left;
width: 45%;
list-style: none;
border:none !important;
}
/*--Estilos de los enlaces--*/
#Label1 { /*la caja contenedora de las etiquetas*/
margin: 0;
padding:0;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
background: #33aaff;/*el color de la caja o contenedor*/
}
#Label1 h2 {
padding:10px 5px;
margin:0;
border-bottom: 1px solid #ffffff;
text-align: center; /*alineamos el titulo en el centro si lo quieres a la izq. poner: left*/
font-size: 14px;/*el tamaño de la fuente o letra*/
}
#Label1 ul {
margin:0;
padding:0;
}
#Label1 ul li {
margin: 0;
padding: 0;
list-style: none;
background: none;
border: none; /*importante en las nuevas plantillas*/
color: #232323;  /*el color de texto*/
}
#Label1 ul li a { /*los bloques de cada enlace*/
display: block; /*creamos el bloque*/
width:130px; /*el ancho del bloque*/
font-size: 14px;/*el tamaño de la fuente o letra*/
color:#2d0d01;/*el color de la fuente del enlace*/
padding:10px 0 10px 8px;/* para ampliar el bloque*/
margin:0;/* para separar cada bloque*/
text-decoration: none;
text-align: left;
background: #ddd;/*el color de fondo*/
transition: all 1.0s linear;
-o-transition: all 1.0s linear;
-moz-transition: all 1.0s linear;
-webkit-transition: all 1.0s linear;
border-bottom: 1px solid #ffffff; /*borde abajo para cerrar la caja*/
}
#Label1 ul li a:hover {/*el efecto hover*/
color: #000000; /*el color de la fuente*/
font-weight: normal;
background-color: #eee;/*el color de fondo*/
}



Cambiar los valores que están en rojo para personalizar el color.
width:130px; es el ancho del bloque, tendrás que ajustarlo según tu diseño.




No hay comentarios:

Publicar un comentario

Entradas aleatorias