17/02/2020, 02:57:46 *
Bienvenido(a), Visitante. Por favor, ingresa o regístrate.
¿Perdiste tu email de activación?

Ingresar con nombre de usuario, contraseña y duración de la sesión
Noticias: Homenaje a aladan
 
 
Páginas: [1]   Ir Abajo
  Imprimir  
Autor Tema: Listas configuradas a nuestro gusto  (Leído 4795 veces)
0 Usuarios y 1 Visitante están viendo este tema.
argentinator
Consultar la FIRMAPEDIA __________________________________________________________________________________________________________________
Administrador
Pleno*
*****

Karma: +0/-0
Desconectado Desconectado

Sexo: Masculino
Argentina Argentina

Mensajes: 7.286

Vean mis posts activos en mi página personal


Ver Perfil WWW
« : 26/01/2013, 17:47:16 »

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  :guiño: :guiño: :guiño: 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: [texx]\bullet[/texx]

  • circle La viñeta de los ítems es un circulito: [texx]\circ[/texx]

  • square La viñeta de los ítems es un cuadradito negro: [texx]{}_{{}^{\blacksquare}}[/texx]

  • 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

En línea

Páginas: [1]   Ir Arriba
  Imprimir  
 
Ir a:  

Impulsado por MySQL Impulsado por PHP Powered by SMF 1.1.4 | SMF © 2006, Simple Machines LLC XHTML 1.0 válido! CSS válido!