Diferencia entre revisiones de «Ayuda:Cómo se edita una página»

De Casiopea
(Desordenada y Alternada)
 
(No se muestran 25 ediciones intermedias de 7 usuarios)
Línea 1: Línea 1:
 +
__NOTITLE__
 +
__NOEDITSECTION__
 +
 +
=¿Cómo se edita una página?=
 +
 
Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a [[Ayuda:Cómo Colaborar]].
 
Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a [[Ayuda:Cómo Colaborar]].
  
Línea 28: Línea 33:
 
### ítem 2.2.1
 
### ítem 2.2.1
  
<pre><nowiki># ítem  
+
<pre><nowiki>
 +
# ítem 1
 
# ítem 2
 
# ítem 2
 
## ítem 2.1
 
## ítem 2.1
Línea 59: Línea 65:
 
===dentro de la wiki===
 
===dentro de la wiki===
 
El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:
 
El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:
 +
 +
Voy a crear una [[nueva página]].
  
 
<pre><nowiki>
 
<pre><nowiki>
Voy a car una [[nueva página]].</nowiki></pre>
+
Voy a crear una [[nueva página]].</nowiki></pre>
  
 
El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'
 
El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'
Línea 77: Línea 85:
 
<pre><nowiki>http://www.ead.pucv.cl/
 
<pre><nowiki>http://www.ead.pucv.cl/
 
ó
 
ó
[http://www.ead.pucv.cl/ e<nowiki>[ad]</nowiki> Escuela de Arquitectura y Diseño - PUCV]</nowiki></pre>
+
[http://www.ead.pucv.cl/ Escuela de Arquitectura y Diseño - PUCV]</nowiki></pre>
 +
 
 
==Imágenes==
 
==Imágenes==
  
Línea 84: Línea 93:
  
 
Este es el modo básico que arroja la imagen a tamaño completo:
 
Este es el modo básico que arroja la imagen a tamaño completo:
<pre><nowiki>[[Archi:Mona-lisa.jpg|300px]]</nowiki></pre>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg]]</nowiki></pre>
 +
[[Archivo:Mona-lisa.jpg]]
 +
 
 +
<pre><nowiki>[[Archivo:Mona-lisa.jpg|300px]]</nowiki></pre>
 
[[Archivo:Mona-lisa.jpg|300px]]
 
[[Archivo:Mona-lisa.jpg|300px]]
  
 
===Miniatura===
 
===Miniatura===
 
Si se quiere ubicar una miniatura:
 
Si se quiere ubicar una miniatura:
<pre><nowiki>[[Archi:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]</nowiki></pre>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]</nowiki></pre>
 
[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
 
El texto del párrafo se adapta en el ancho para dejar que la imagen con las indicaciones de "'''thumb'''" (de ''thumbnail'' eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.
 
El texto del párrafo se adapta en el ancho para dejar que la imagen con las indicaciones de "'''thumb'''" (de ''thumbnail'' eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.
Línea 107: Línea 119:
 
Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar '''thumb''' por '''frame''', con la salvedad que esta indicación no permite redimensionar la imagen.
 
Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar '''thumb''' por '''frame''', con la salvedad que esta indicación no permite redimensionar la imagen.
  
<pre><nowiki>[[Archi:Mona-lisa.jpg|thumb|50px|left|Texto de descripción de la imagen]]
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|100px|center|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]</nowiki></pre>
 +
 
 +
[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]
 +
 
 +
<hr style="width: 100%; clear:both;" />
 +
 
 +
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|none|Texto de descripción de la imagen]]</nowiki></pre>
+
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]</nowiki></pre>
  
[[Archivo:Mona-lisa.jpg|thumb|50px|left|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|100px|center|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|none|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]
<hr style="width: 100%; clear:both;" />
+
 
  
 
===La etiqueta &lt;gallery>===
 
===La etiqueta &lt;gallery>===
Línea 151: Línea 175:
 
La documentación de cómo utilizar los '''Widgets''' está en cada página específica:
 
La documentación de cómo utilizar los '''Widgets''' está en cada página específica:
  
* [[Widget:FlickrSetShow]]
+
# [[Widget:FlickrSetShow]]
* [[Widget:FlickrShow]]
+
# [[Widget:Google Calendar]]
* [[Widget:Google Calendar]]
+
# [[Widget:Google Document]]
* [[Widget:Google Document]]
+
# [[Widget:Google Form]]
* [[Widget:Google Form]]
+
# [[Widget:Google Maps]]
* [[Widget:Google Maps]]
+
# [[Widget:Google Presentation]]
* [[Widget:Google Presentation]]
+
# [[Widget:Google Street View]]
* [[Widget:Google Spreadsheet]]
+
# [[Widget:LinkedIn Company]]
* [[Widget:Google Street View]]
+
# [[Widget:PiX]]
* [[Widget:LinkedIn Company]]
+
# [[Widget:Sketchfab]]
* [[Widget:LinkedIn Profile]]
+
# [[Widget:SoundCloud]]
* [[Widget:Scribd]]
+
# [[Widget:Vimeo]]
* [[Widget:SlideShare]]
+
# [[Widget:YouTube]]
* [[Widget:Twitter]]
 
* [[Widget:Vimeo]] - Actualmente no funciona
 
* [[Widget:YouTube]]
 
  
 
Para una versión actualizada de los Widgets disponibles, puedes revisar [http://wiki.ead.pucv.cl/index.php?title=Especial%3AP%C3%A1ginasPorPrefijo&prefix=&namespace=274 todos los widgets instalados]
 
Para una versión actualizada de los Widgets disponibles, puedes revisar [http://wiki.ead.pucv.cl/index.php?title=Especial%3AP%C3%A1ginasPorPrefijo&prefix=&namespace=274 todos los widgets instalados]
  
 +
=Otras Extensiones=
 
==Citas==
 
==Citas==
  
Línea 177: Línea 199:
  
 
<references/>
 
<references/>
 +
 +
==Texto Desplegable==
 +
 +
Crea una caja <code>div</code> de texto desplegable que puede ocultarse para despejar la vista. Se necesitan crear 2 elementos:
 +
# el elemento que gatilla el comportamiento de expandir y colapsar
 +
# el contenedor del contenido a expandir u ocultar
 +
 +
El primer elemento puede estar dentro de un <code>div</code> o <code>span</code> y debe tener una '''clase''': <code>mw-customtoggle-ejemplo1</code> donde ''ejemplo1'' es un nombre que debe ser inventado cada vez de acuerdo al contenido y al contexto. Es segundo elemento contenedor, por su parte, debe tener un '''id''' <code>mw-customcollapsible-ejemplo1</code> con el mismo nombre ''ejemplo1'' para asociar el gatillador al contenedor. El hecho de que exista un nombre único permite múltiples intancias de contenido desplegable en una página.
 +
 +
En esta sección se hace uso de la plantilla <code><nowiki>{{Lorem}}</nowiki></code> que genera texto simulado.
 +
 +
===Ejemplo===
 +
 +
<pre><nowiki>
 +
<span class='mw-customtoggle-ejemplo1 link-toggle'>esto despliega texto</span>
 +
 +
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>
 +
</nowiki></pre>
 +
 +
Este código genera esto:
 +
 +
<span class='mw-customtoggle-ejemplo1 link-toggle'>Esto despliega texto</span>
 +
 +
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>
 +
 +
==== Otros Ejemplos ====
 +
 +
Un contenedor que aparece colapsado en primera instancia:
 +
<pre><nowiki><div class="mw-collapsible mw-collapsed">
 +
{{Lorem}}></div></nowiki></pre>
 +
 +
''Ejemplo:''
 +
 +
<div class="mw-collapsible mw-collapsed">
 +
{{Lorem}}</div>
 +
 +
 +
Un contenedor que aparece abierto y permite colapsarse:
 +
 +
<pre><nowiki><div class="mw-collapsible">
 +
{{Lorem}}</div></nowiki></pre>
 +
 +
''Ejemplo:''
 +
 +
<div class="mw-collapsible">{{Lorem}}</div>

Revisión actual del 12:06 24 oct 2018


¿Cómo se edita una página?

Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a Ayuda:Cómo Colaborar.

Títulos o Encabezados de Sección

Las página de la wiki se estructuran a partir de un régimen jerárquico de títulos. Estos títulos construyen automáticamente una tabla de contenidos, como la presentada al comienzo de esta página y obedecen, en su estructura tabular a la jerarquía de encabezados.

=h1=
==h2==
===h3===
etc...

genera esto:

h1

h2

h3

Cada título crea una subsección en la página que permite editarla por separado. Una página extensa, dado este régimen de secciones, facilita la colaboración simultánea evitando que hayan conflictos de versiones si los editores trabajan en secciones diferentes.

Listas

Ordenadas

  1. ítem 1
  2. ítem 2
    1. ítem 2.1
    2. ítem 2.2
      1. ítem 2.2.1
# ítem 1
# ítem 2
## ítem 2.1
## ítem 2.2
### ítem 2.2.1

Desordenada y Alternada

  • ítem
  • ítem
    1. sub-ítem
      • sub-sub-ítem
* ítem
* ítem
*# sub-ítem
*#* sub-sub-ítem

Estilos

  • Negrita o bold: strong
  • Cursiva o itálica: em
  • estos dos atributos se pueden combinar: strong & em
* Negrita o bold: '''strong'''
* Cursiva o itálica: ''em''
* estos dos atributos se pueden combinar: '''''strong & em'''''

Links

dentro de la wiki

El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:

Voy a crear una nueva página.

Voy a crear una [[nueva página]].

El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'

Voy a vincular a una [[página existente|página]].

Para vincular a páginas especiales se antepone el tipo seguido de dos puntos:

Voy a vincular a [[Usuario:jorge|la página de jorge]].
Voy a definir una [[Categoría:Diseño|categoría fundamental]]

fuera de la wiki

Simplemente se escribe la URL. La wiki reconocerá que se trata de un link o bien se utiliza paréntesis de corchete simple para especificar la URL separada de un espacio para un un nombre alternativo:

http://www.ead.pucv.cl/
ó
[http://www.ead.pucv.cl/ Escuela de Arquitectura y Diseño - PUCV]

Imágenes

Modo Simple

Para incrustar una imagen, ésta debe estar subida en la wiki (link en barra superior Archivos: "Subir Archivo"). El sistema no permite enlazar imágenes externas como salvaguarda a las leyes de copyright.

Este es el modo básico que arroja la imagen a tamaño completo:

[[Archivo:Mona-lisa.jpg]]

Mona-lisa.jpg

[[Archivo:Mona-lisa.jpg|300px]]

Mona-lisa.jpg

Miniatura

Si se quiere ubicar una miniatura:

[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
Texto de descripción de la imagen

El texto del párrafo se adapta en el ancho para dejar que la imagen con las indicaciones de "thumb" (de thumbnail eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.



Control de Tamaño

Ahora bien, si la imagen es demasiado grande y se prefiere mostrarla en un tamaño reducido se deben especificar las dimensiones del ancho en pixeles:

[[Archi:Mona-lisa.jpg|50px]]

Mona-lisa.jpg

Avanzadas

Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar thumb por frame, con la salvedad que esta indicación no permite redimensionar la imagen.

[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen

[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen


La etiqueta <gallery>

MediaWiki soporta la etiqueta de <gallery>, que simplifica enormemente la presentación de secuencias de imágenes en las páginas.

<gallery>
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
</gallery>

Widgets

La documentación de cómo utilizar los Widgets está en cada página específica:

  1. Widget:FlickrSetShow
  2. Widget:Google Calendar
  3. Widget:Google Document
  4. Widget:Google Form
  5. Widget:Google Maps
  6. Widget:Google Presentation
  7. Widget:Google Street View
  8. Widget:LinkedIn Company
  9. Widget:PiX
  10. Widget:Sketchfab
  11. Widget:SoundCloud
  12. Widget:Vimeo
  13. Widget:YouTube

Para una versión actualizada de los Widgets disponibles, puedes revisar todos los widgets instalados

Otras Extensiones

Citas

Extensión: http://www.mediawiki.org/wiki/Extension:Cite/Cite.php

“El territorio ya no precede al mapa, ni lo sobrevive. De aquí en adelante, es el mapa el que precede al territorio, es el mapa el que engendra el territorio" [1].

  1. Simulacra and Simulations. Jean Baurillard, Selected Writings. Mark Poster (Editor). Stanford University Press, 1988. Pag.166

Texto Desplegable

Crea una caja div de texto desplegable que puede ocultarse para despejar la vista. Se necesitan crear 2 elementos:

  1. el elemento que gatilla el comportamiento de expandir y colapsar
  2. el contenedor del contenido a expandir u ocultar

El primer elemento puede estar dentro de un div o span y debe tener una clase: mw-customtoggle-ejemplo1 donde ejemplo1 es un nombre que debe ser inventado cada vez de acuerdo al contenido y al contexto. Es segundo elemento contenedor, por su parte, debe tener un id mw-customcollapsible-ejemplo1 con el mismo nombre ejemplo1 para asociar el gatillador al contenedor. El hecho de que exista un nombre único permite múltiples intancias de contenido desplegable en una página.

En esta sección se hace uso de la plantilla {{Lorem}} que genera texto simulado.

Ejemplo

<span class='mw-customtoggle-ejemplo1 link-toggle'>esto despliega texto</span>

<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>

Este código genera esto:

Esto despliega texto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.

Otros Ejemplos

Un contenedor que aparece colapsado en primera instancia:

<div class="mw-collapsible mw-collapsed">	
{{Lorem}}></div>

Ejemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.


Un contenedor que aparece abierto y permite colapsarse:

<div class="mw-collapsible">
{{Lorem}}</div>

Ejemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.