Utilizar estilos CSS

From Apache OpenOffice Wiki
< ES‎ | AyudaWiki
Jump to: navigation, search

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í:


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í:





Personal tools