Espera unos segundos se esta Cargando...

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

11 de noviembre de 2014





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 elDiseñ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 Añadir código CSS personalizado
    en ese recuadro van a añadir lo siguiente:

  • Para mostrar las etiquetas en MAYÚSCULA:

#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.



Sintaxis

  • 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

Cosas para el Blog © Creative Commons 2014 | Plantilla Cosas para el Blog

creada por CPB | Con la tecnología de Blogger