Mostrar las etiquetas del blog en mayúsculas o minúsculas

Para poner las etiquetas de tu sidebar (barra lateral) en mayúsculas o minúsculas se puede hacer, simplemente añadiendo unas líneas de CSS, sin entrar en la edicion de HTML.









  1. Primero debes tener el Gadget de etiquetas colocado en tu sidebar. 
  2. Debemos 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:
Para mostrar las etiquetas en mayúsculas:

#Label1 ul {text-transform:uppercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}


Para mostrar las etiquetas en minúsculas:


#Label1 ul {text-transform:lowercase; text-align:center; margin:0px; padding:0px;}
#Label1 ul li {display:inline;}

lowercase: muestra todo el texto del elemento con letras minúsculas.
uppercase: muestra todo el texto del elemento con letras mayúsculas.

Puedes cambiar:

  • text-transform: permite transformar el texto de un elemento para mostrarlo en mayúsculas, minúsculas o una mezcla de ambas
  • text-align: La alineación de los contenidos (texto, imágenes) que se encuentran dentro de un elemento de bloque.Puede ser: left, right, center, justify, inherit.
  • margin: Establece el ancho de  los márgenes. En px.
  • padding: Para el ancho. En px.
  • display: Es el tipo de caja generada por un elemento, sólo uno de los siguientes valores: inline, block, list-item, run-in, inline-block, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption, none, inherit.

Todo estos datos puedes cambiarlos según el diseño que se ajuste a tu gusto, estos cambios los podrás ir viendo en la pre-visualización del diseño.

Le dan a aplicar al blog y listo.


No hay comentarios:

Publicar un comentario

✭¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥