Plantilla:Columns-list convierte una lista en una lista con columnas. Es un contenedor para {{ div col }} , excepto que envuelve la plantilla al permitir que el contenido esté en la plantilla en lugar de encima y debajo.
El ancho de cada columna se puede especificar utilizando |colwidth=
y un valor en ems.
{{columns-list|colwidth= ancho | Texto (normalmente una lista)}}
Aquí, el ancho especifica el ancho de las columnas y determina dinámicamente el número de columnas según el ancho de la pantalla; se mostrarán más columnas en pantallas más anchas.
Si |colwidth=
no se especifica, se utilizará el ancho predeterminado de 30em.
Esta plantilla utiliza un diseño de múltiples columnas CSS 3, que no es compatible con todos los navegadores web.
He aquí un ejemplo:
{{ lista-de-columnas | ancho-de-columna = 35em |
* [[ George Washington ]]
* [[ John Adams ]]
* [[ Thomas Jefferson ]]
* [[ James Madison ]]
* [[ James Monroe ]] }}
Lo cual quedaría así:
También se pueden agregar clases HTML y estilos CSS con los parámetros |class=
y |style=
. Por ejemplo:
{{ columnas-list | colwidth = 15em | estilo = ancho: 600px; estilo-fuente: italic; |
* [[ Todo sobre Lily Chou-Chou ]]
* [[ Historia de abril ]]
* [[ Hana y Alice | Hana y Alice ]]
* [[ Club Hōtai ]]
* [[ La historia de Kon Ichikawa ]]
* [[ Carta de amor (película de 1995) | Carta de amor ]]
* [[ Nueva York, te amo ]]
* [[ Picnic (película de 1996) | Picnic ]]
* [[ Canción del arco iris ]]
* [[ Cola de golondrina (película) | Cola de golondrina ]] }}
Lo cual quedaría así:
Esta plantilla también funciona con listas numeradas como "texto". Por ejemplo:
{{ lista-de-columnas | ancho-de-columna = 35em |
# [[ George Washington ]]
# [[ John Adams ]]
# [[ Thomas Jefferson ]]
# [[ James Madison ]]
# [[ James Monroe ]] }}
De hecho, la plantilla funciona con todo , ya que lo único que hace es envolver el texto proporcionado en un bloque para dividirlo en columnas mediante CSS. No te quedes con las listas de wikitexto: ¡ también funcionarán las listas más avanzadas generadas por las plantillas HTML !
El uso del parámetro que ya no es compatible |cols=
o el uso del primer parámetro sin nombre (también conocido como |1=
) junto con |2=
un segundo parámetro sin nombre para el contenido de la plantilla generará un mensaje de error rojo. Para corregir este error, utilice |colwidth=
en lugar de intentar especificar la cantidad de columnas.
La presencia de un signo igual dentro del contenido de la plantilla también puede provocar problemas de visualización y mensajes de error en rojo. Para solucionar este problema, agréguelo |1=
delante del contenido de la plantilla.
Las plantillas que se enumeran aquí no son intercambiables . Por ejemplo, si se utiliza {{ col-float }} con {{ col-end }} en lugar de {{ col-float-end }}, se dejaría un espacio abierto, lo que podría dañar cualquier formato posterior.<div>...</div>
† ¿Puede la plantilla manejar el marcado wiki básico {| | || |- |}
utilizado para crear tablas ? Si no, se deben utilizar plantillas especiales que produzcan estos elementos (como {{ (! }} , {{ ! }} , {{ !! }} , {{ !- }} , {{ !) }} ) o etiquetas HTML ( <table>...</table>
, <tr>...</tr>
, etc.).