Diferencia entre revisiones de «Plantilla:Listaref/doc»
Deshecha la edición 98725235 de ANGELCALIXTO (disc.) |
m Revertidos los cambios de 2806:104E:4:F239:CCBC:392D:5F1:718B (disc.) a la última edición de Lost in subtitles Etiqueta: Reversión |
||
(No se muestran 17 ediciones intermedias de 12 usuarios) | |||
Línea 2: | Línea 2: | ||
=== Uso === |
=== Uso === |
||
<pre>{{listaref| |
<pre>{{listaref|2|ancho=600px|refs=|grupo=|estilolista=}}</pre> |
||
Donde « |
Donde «2» corresponde al número de columnas y «xxx» es el ancho mínimo en [[píxel|píxeles]] de cada columna. |
||
=== Parámetros === |
=== Parámetros === |
||
Todos los parámetros son opcionales. |
Todos los parámetros son opcionales. |
||
* ''' |
* '''1''': número de columnas. El número de columnas solo se aplica si la anchura del navegador lo permite. Es decir, si <code>n=2</code> y <code>ancho=600px</code>, la plantilla generará dos columnas cuando la anchura de la ventana del navegador sea superior a 1200 píxeles, y solo una única columna cuando la anchura sea inferior. '''No se recomienda más de 2 columnas'''. Las listas con números superiores suelen resultar más largas y entrecortar varias veces una misma referencia. |
||
* '''ancho''': ancho de las columnas. |
* '''ancho''': ancho de las columnas. |
||
* '''refs''': dentro de las referencias se coloca: |
* '''refs''': dentro de las referencias se coloca: |
||
Línea 45: | Línea 45: | ||
=== Ejemplo sencillo de referencias por grupo === |
=== Ejemplo sencillo de referencias por grupo === |
||
El código siguiente muestra un ejemplo sencillo de cómo deben colocarse en el código de un texto las llamadas a la orden <code><nowiki><ref group=nota></nowiki></code> para que funcionen correctamente: |
El código siguiente muestra un ejemplo sencillo de cómo deben colocarse en el código de un texto las llamadas a la orden <code><nowiki><ref group=nota></nowiki></code> para que funcionen correctamente: |
||
{|class="wikitable mw-collapsible" |
{|class="wikitable mw-collapsible" width=80% |
||
!Código: |
!Código: |
||
!Resultado: |
!Resultado: |
||
Línea 93: | Línea 93: | ||
---- |
---- |
||
:1. <span style="color:blue;">↑</span> Esta es la primera aclaración, en efecto. |
:1. <span style="color:blue;">↑</span> Esta es la primera aclaración, en efecto. |
||
: |
:2. <span style="color:blue;">↑</span> Esta es la segunda aclaración, inexorablemente. |
||
<br /> |
<br /> |
||
<br /> |
<br /> |
||
|- |
|- |
||
|colspan=2|('''''NOTA:''' en una página normal, los enlaces de color azul funcionarían normalmente; en este caso, |
|colspan=2|('''''NOTA:''' en una página normal, los enlaces de color azul funcionarían normalmente; en este caso, solo sirven como una imagen del resultado que se debe obtener)'' |
||
('''''NOTA:''' si la página contiene también referencias ''normales'', el comando {{ep|listaref}} debe '''COLOCARSE POR DELANTE''' de <nowiki>{{listaref|group=nota}}</nowiki> )'' |
|||
|} |
|} |
||
Línea 135: | Línea 136: | ||
=== Véase también === |
=== Véase también === |
||
* [[Wikipedia:Referencias]] |
* [[Wikipedia:Referencias]] |
||
* [[Plantilla:Harvnp|Harvnp]], sistema de citas de Harvard |
|||
=== Referencias === |
=== Referencias === |
||
Línea 149: | Línea 151: | ||
"example": "2", |
"example": "2", |
||
"type": "number", |
"type": "number", |
||
"default": "2" |
"default": "2", |
||
"suggested": true |
|||
}, |
}, |
||
"ancho": { |
"ancho": { |
Revisión actual - 05:31 20 jun 2023
Uso
[editar]{{listaref|2|ancho=600px|refs=|grupo=|estilolista=}}
Donde «2» corresponde al número de columnas y «xxx» es el ancho mínimo en píxeles de cada columna.
Parámetros
[editar]Todos los parámetros son opcionales.
- 1: número de columnas. El número de columnas solo se aplica si la anchura del navegador lo permite. Es decir, si
n=2
yancho=600px
, la plantilla generará dos columnas cuando la anchura de la ventana del navegador sea superior a 1200 píxeles, y solo una única columna cuando la anchura sea inferior. No se recomienda más de 2 columnas. Las listas con números superiores suelen resultar más largas y entrecortar varias veces una misma referencia. - ancho: ancho de las columnas.
- refs: dentro de las referencias se coloca:
{{listaref|grupo="nombre del grupo"|refs= <ref name="nombre1">contenido1</ref> <ref name="nombre2">contenido2</ref> }}
Así, estas referencias pueden ser invocadas en el artículo como:
<ref group="nombre_del_grupo" name="nombre1" /><ref group="nombre_del_grupo" name="nombre2" />
- estilolista: permite especificar el estilo de las viñetas de las referencias. Haz clic en [mostrar] en el cuadro que se muestra a continuación para ver una tabla con las viñetas disponibles y su compatibilidad con los distintos navegadores.
- CSS2.1
list-style-type
values
none |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
disc |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
circle |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
square |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
decimal |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
decimal-leading-zero |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
lower-roman |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
upper-roman |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
lower-alpha |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
upper-alpha |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
lower-greek |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
armenian |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
georgian |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
- CSS2
list-style-type
values dropped in CSS2.1 but still supported by some browsers
hebrew |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
cjk-ideographic |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
hiragana |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
katakana |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
hiragana-iroha |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
katakana-iroha |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
- CSS3
list-style-type
values (incomplete)
CSS3 adds hundreds of new values, most not yet supported by major browsers
upper-greek |
---|
|
Internet Explorer | Firefox | Safari | Chrome | Opera | ||||||||||||
6 | 7 | 8 | 9 | 10 | 3 | 4 | 5 | 4 | 5 | 9 | 10 | 11 | 12 | 10 | 11 | 12 |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Referencias por grupo
[editar]El sistema de notas al pie permite la separación de las referencias en grupos. Los grupos permiten tener separadas las notas de las referencias, entre otros usos.
El formato general para una etiqueta de referencia de grupo es:
<ref group="nombre del grupo"></ref>
y para la plantilla de lista de referencias:
{{listaref|grupo="nombre del grupo"}}
- Donde <nombre del grupo> es el identificador del grupo, como por ejemplo «nota», «n.» o cualquier otro nombre.
Ejemplo sencillo de referencias por grupo
[editar]El código siguiente muestra un ejemplo sencillo de cómo deben colocarse en el código de un texto las llamadas a la orden <ref group=nota>
para que funcionen correctamente:
Código: | Resultado: |
---|---|
==Ejemplo sencillo de cómo colocar notas== La primera nota la voy a introducir aquí.<ref group=nota>Esta es la primera nota, en efecto.</ref> Luego sigo escribiendo, y un poco más adelante, coloco la segunda llamada.<ref group=nota>Esta es la segunda nota, no falla.</ref> Ahora, en vez de notas, voy a llamarlas aclaraciones.<ref group=aclar.>Esta es la primera aclaración, en efecto.</ref> Y por si no queda claro, se introduce otra aclaración más.<ref group=aclar.>Esta es la segunda aclaración, inexorablemente.</ref> Por último, pongo una tercera nota.<ref group=nota>Esta es la tercera nota, la última.</ref> Al final del artículo, debe ponerse la llamada a las anotaciones que se hayan hecho. == Notas == {{listaref|group=nota}} == Aclaraciones == {{listaref|group=aclar.}} |
La primera nota la voy a introducir aquí.nota 1 Luego sigo escribiendo, y un poco más adelante, coloco la segunda llamada.nota 2 Ahora, en vez de notas, voy a llamarlas aclaraciones.aclar. 1 Y por si no queda claro, se introduce otra aclaración más.aclar. 2 Por último, pongo una tercera nota.nota 3 Al final del artículo, debe ponerse la llamada a las anotaciones que se hayan hecho.
|
(NOTA: en una página normal, los enlaces de color azul funcionarían normalmente; en este caso, solo sirven como una imagen del resultado que se debe obtener)
(NOTA: si la página contiene también referencias normales, el comando |
Detalles técnicos
[editar]Separación en columnas según el navegador en uso
[editar]Internet Explorer |
Firefox | Safari | Chrome | Opera | Edge |
---|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
|
![]() |
![]() |
![]() |
|||
![]() |
![]() |
||||
![]() |
Las columnas múltiples se generan usando CSS3, aún en fase de desarrollo; por ello solo los navegadores web que soportan esta función mostrarán columnas múltiples.[1][2]
Los siguientes navegadores soportan columnas CSS3:
- Navegadores basados en Gecko, como Mozilla Firefox
- Navegadores basados en WebKit, como Safari y Google Chrome
- Opera a partir de la versión 11.10
- Internet Explorer 10 y 11
- Microsoft Edge
Los siguientes navegadores no soportan columnas CSS3:
- Navegadores basados en Trident, incluyendo Internet Explorer hasta la versión 9 (año 2011)[3]
- Opera hasta la versión 11
Véase también
[editar]- Wikipedia:Referencias
- Harvnp, sistema de citas de Harvard
Referencias
[editar]- ↑ «CSS3 Multi-Column Thriller». Consultado el 31 de marzo de 2009.
- ↑ «CSS3 module: Multi-column layout». W3C. Consultado el 31 de marzo de 2009.
- ↑ «CSS Compatibility and Internet Explorer: Multi-column Layout». Microsoft Developer Network. Microsoft. Consultado el 16 de marzo de 2011.