Utilizar estilos CSS

Estas son las clases CSS disponibles para la edición en esta wiki.

Cajas de Texto

Clase documentationbook

Usa esta clase para crear un texto o una caja de texto que se resalte al situar encima el ratón.

Ejemplo:

Texto:

<span class=documentationbook>Texto</span>

Se mostrará así:

Sitúa el ratón encima de mí

Caja de texto:

<div class=documentationbook>Texto</div>

Se mostrará así:

Sitúa el ratón encima de mí

Clase docsection

Usa esta clase para crear un texto o una caja de texto que marque el inicio de una sección.

Ejemplo:

Texto:

<span class=docsection >Inicio de sección</span>

Se mostrará así:

Inicio de sección

Caja de texto:

<div class=docsection >Inicio de sección</div>

Se mostrará así:

Inicio de sección

Clase mw-geshi

Usa esta clase para crear un texto encajado y remarcado como ves en el ejemplo.

Ejemplo:

<div class=mw-geshi>
' texto encajado y remarcado

dim x as integer

for n=1 to 25

next
</div>

Se mostrará así:

' texto encajado y remarcado

dim x as integer

for n=1 to 25

next

Tablas

Clase wikitable

Utiliza esta clase para formatear con una simple instrucción tus tablas. Se autoajustará al contenido.

{| class=wikitable 
! Columna 1 
! Columna 2 
|- 
| Texto en la celda 1 
| Texto en la celda 2 
|- 
| Texto en la celda 3 
| Texto en la celda 4 
|} 

Ejemplo:

Se mostrará así:

Columna 1	Columna 2
Texto en la celda 1	Texto en la celda 2
Texto en la celda 3	Texto en la celda 4

Clase navtable

Utiliza esta clase para formatear con una simple instrucción tus tablas. Se autoajustará ocupando el 60% del espacio disponible.

{| class=navtable 
! Columna 1 
! Columna 2 
|- 
| Texto en la celda 1 
| Texto en la celda 2 
|- 
| Texto en la celda 3 
| Texto en la celda 4 
|} 

Ejemplo:

Se mostrará así:

Columna 1	Columna 2
Texto en la celda 1	Texto en la celda 2
Texto en la celda 3	Texto en la celda 4

Breadcrumbs

El breadcrumbs es una extensión muy utilizada en este wiki, pero tiene sus limitaciones y en algunas páginas no funciona como debiera.

Por ello en ciertas situaciones puede resultar conveniente crear el breadcrumbs manualmente:

El siguiente código:

<div class="breadcrumbs">[[Main_Page|Portada]] > [[ES|Español]] > [[ES/AyudaWiki|Contribuir en la Wiki]] > '''Utilizar estilos CSS'''</div>

Se mostrará así:

Portada > Español > Contribuir en la Wiki > Utilizar estilos CSS