Autor Tema: Listas configuradas a nuestro gusto

0 Usuarios y 1 Visitante están viendo este tema.

26 Enero, 2013, 09:47 pm
Leído 5026 veces

argentinator

  • Consultar la FIRMAPEDIA
  • Administrador
  • Mensajes: 7,272
  • País: ar
  • Karma: +0/-0
  • Sexo: Masculino
  • Vean mis posts activos en mi página personal
    • Mis posts activos (click aquí)
Listas configuradas a nuestro gusto

Repasemos el tema de las listas.
Para generar una lista con viñetas, usamos los tags [list]  ....  [/list], y en su interior ponemos cada ítem de la lista encerrado entre los tags [li]  ...  [/li]

Así, una lista de frutas sería algo como esto:

  • Naranjas

  • Manzanas

  • Bananas


Para obtener esa lista, escribíamos en nuestro post lo siguiente:



[list]
[li]Naranjas

[/li]
[li]Manzanas

[/li]
[li]Bananas

[/li]
[/list]


Si queremos cambiar el estilo de las viñetas, podemos agregar al tag [list] una opción mediante el modificador "type".
La lista anterior tiene viñetas en forma de pequeños discos rellenos, lo cual se indicaría así:

[list type=disc]
[li]Naranjas

[/li]
[li]Manzanas

[/li]
[li]Bananas

[/li]
[/list]


La palabra "disc" le indica al comando list que las viñetas sean del tipo "disco", un disquito negro.

Sin embargo, en vez de "disc" podemos poner otras opciones.
Las opciones disponibles las listamos  ;) ;) ;) a continuación,
y debajo mostramos con ejemplos el efecto que produce su uso:

  • none Los ítems de la lista se presentan sin viñeta alguna.

  • disc La viñeta de los ítems es un disquito negro: \( \bullet \)

  • circle La viñeta de los ítems es un circulito: \( \circ \)

  • square La viñeta de los ítems es un cuadradito negro: \( {}_{{}^{\blacksquare}} \)

  • decimal Los ítems se enumeran.

  • decimal-leading-zero Los ítems se enumeran, pero se pone un 0 por delante.

  • lower-roman Se usan números romanos en minúsculas para enumerar los ítems.

  • upper-roman Se usan números romanos en mayúsculas para enumerar los ítems.

  • lower-alpha La lista se enumera alfabéticamente, con letras en minúsculas.

  • upper-alpha La lista se enumera alfabéticamente, con letras en mayúsculas

  • lower-latin La lista se enumera con letras minúsculas en latín.

  • upper-latin La lista se enumera con letras mayúsculas en latín.

  • lower-greek Se enumeran los ítems con el alfabeto griego en minúsculas.

  • hebrew Se enumeran los ítems con el alfabeto hebreo.

  • armenian Se usa el alfabeto armenio para enumerar los ítems.

  • georgian Se usa la notación numérica del lenguaje georgiano para enumerar los ítems.

  • cjk-ideographic Los ítems van enumerados según los ideogramas numéricos chinos.

  • hiragana Enumeración con el alfabeto japonés hiragana.

  • katakana Enumeración con el alfabeto japonés katakana.

  • hiragana-iroha Enumeración con el alfabeto japonés hiragana iroha.

  • katakana-iroha Enumeración con el alfabeto japonés katakana iroha.


He aquí el efecto de cada uno de los tipos de lista:

[list type=none]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=disc]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=circle]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=square]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=decimal]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=decimal-leading-zero]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=lower-roman]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=upper-roman]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=lower-alpha]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=upper-alpha]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=lower-greek]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=lower-latin]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=upper-latin]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=hebrew]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=armenian]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=georgian]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=cjk-ideographic]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=hiragana]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=katakana]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=hiragana-iroha]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     

[list type=katakana-iroha]   ...  [/list]

  • Item 1
     
  • Item 2
     
  • Item 3
     




Cómo obtener listas rápidas

A veces queremos generar una lista sencilla, y el uso de las etiquetas [li][/li] nos resulta demasiado incómodo.
En ese caso, si nos contentamos con ítems sencillos, que sólo ocupan un renglón,
no hace falta poner [li][/li] para cada ítem, sino que basta poner una viñeta en forma explícita.
Las viñetas disponibles son las siguientes:


  • (viñeta que venía por defecto, según se indica en "type="): [*]
  • Un circulito: [o]
  • Un circulito: [O]
  • Un circulito: [0]
  • Un disquito: [@]
  • Un cuadradito: [+]
  • Un cuadradito: [x]
  • Un cuadradito: [#]


Se observa que sólo hay 3 posibilidades en realidad: circulito, disquito y cuadradito.
Pero se pueden generar de varias formas distintas.

El uso de estos ítems rápidos tiene la desventaja de que no podemos dejar espacios entre ítems consecutivos, y sólo podemos poner información breve, que quepa en un sólo renglón.
Tienen también un defecto, y es que debajo de la lista de ítems, el texto que escribamos nos aparecerá pegado a la lista, sin importar cuántas líneas en blanco pretendamos dejar.
Por eso, yo no recomiendo su uso.


Ejemplo:


[list]
[@]Naranjas
[@]Manzanas
[@]Bananas
[/list]


Nos da el siguiente resultado:

  • Naranjas
  • Manzanas
  • Bananas