Edición General

Saltos de línea

a. Ejemplo en código wiki (se utiliza  <<BR>> , las veces que se desee):

  '''ejemplo de un salto <<BR>> de línea'''

b. Vista previa del ejemplo:

• ejemplo de un salto
  de línea

Tipos de enlaces

Enlace interno

a. Ejemplo en código wiki:

 [[ManualWiki/Indice|Índice]]

b. Vista previa del ejemplo a:

• Índice

  • Nota: Siempre una página del wiki relacionado a una comunidad local de Ubuntu debe comenzar con /NombreDeLaComunidadTeam/.

Enlace externo web

a. Ejemplo en código wiki:

 [[http://www.ubuntu.com|Página web de Ubuntu]]

b. Vista previa del ejemplo:

• Página web de Ubuntu

Cambio de título (personalizar título)

• Para cambiar el título de una página wiki se agrega la sección #title al inicio del código wiki:

a. Ejemplo en código wiki:

 #title Ubuntu: Tema a tratar

• El texto posterior a #title corresponde al nombre de la página.

b. Esta página posee el nombre #title ManualWiki: Edición general.

Incluir tabla de contenidos

• Una tabla de contenidos muestra los encabezados de cada sección agregada a una página:

a. Ejemplo en código wiki (usado en esta página):

||<tablebgcolor="#fafafa" tablewidth="35%" tablestyle="margin: 0em 0em 1em 1em; float: right; font-size: 0.9em;"style="padding: 0.5em;"><<BR>><<TableOfContents>>||

Explicación del código wiki de una tabla de contenidos

• 0.- Inicio y fin del estilo de la tabla:

  < Inicio del estilo de la tabla
  > Fin del estilo de la tabla

• 1.- tablebgcolor="#fafafa":

 `Sección que muestra una tabla con un color de fondo #fafafa`

• Se pueden ver más colores en:

  • Colores HTML

  • códigos de colores hexadecimales.

• 2.- tablewidth="30%"

 `Ancho de la tabla de un 30%`

• 3.- tablestyle="margin: 0em 0em 1em 1em; float: right; font-size: 0.9em;":

 La delimintación del estilo se encuentra entre comillas dobles ".

• 3.1.- margin y em

 margin = margen
 em: ancho de la letra M

 Los valores ''Em'' son los más difíciles para trabajar en código css, probablemente debido a que el concepto de este valor es algo bastante abstracto y arbitrario. ''Em'' no es otra cosa que el ancho de la '''M''', la letra más ancha y la que ocupa el ancho total de la caja contenedora de cada letra

 En CSS, '''`1em`''' es igual al tamaño de fuente actual del elemento en cuestión. Si no ha programado un tamaño de fuente en ninguna parte del sitio o sección, será el que trae el navegador por defecto, el cuál será probablemente '''16px'''. Así que por defecto '''1em=16px'''. Si programas el tamaño general de la fuente de body en '''20px''', entonces '''1em=20px'''.

• 3.2.- 0em 0em 1em 1em;

 Margen superior 0em, margen derecho 0em; margen inferior 1em y margen izquierdo 0em; respectivamente.

• 3.3.- float:right;

La tabla está alineada a la derecha.

• 3.4.- font-size; 0.9em;:

 Tamaño de letra a un 90% del por defecto del navegador web.<<BR>>

• 4.- style="padding: 0.5em;">

 Padding: El `padding` de un elemento es la cantidad de espacio entre el borde y el contenido del elemento. En este caso al 50% del tamaño de letra dado por defecto en el navegador web.

Incluir contenido de otra página

• Para hacer esto se utiliza:

a. Ejemplo en código wiki:

<<Include(ChileanTeam/Nombre-de-la-página)>>

b. Ejemplo ilustrativo en código wiki del V A R G U X/MenuEnlaces:

<<Include(V A R G U X/MenuEnlaces)>>

c. Vista previa del ejemplo:

Superpáginas

• Para ver las páginas superiores a una determinada páginas se puede usar:

a. Ejemplo en código wiki:

<<Navigation(siblings,N)>>

• N indica el nivel de la superpáginas a ver de un determinado tema.

Subpáginas

• Para hacer aparecer las subpáginas de un determinado tema se puede utilizar:

a. Ejemplo en código wiki:

<<Navigation(children,N)>>

• N es el nivel de profundidad de las subpáginas a mostrar. La lista es numeral: 1,2,3...

Slides de páginas

• Si se desea ver un slide de diapositivas (es decir, mostrar las páginas la ir haciendo clic en siguiente o retroceder), se puede usar:

a. Ejemplo en código wiki:

<<Navigation(slides)>>

Añadir firma y fecha

• Para hacer esto se utiliza:

a. Ejemplo en código wiki de la firma:

 [[LaunchpadHome:NOMBRE-DEL-USUARIO-EN-LAUNCHPAD]]

b. Ejemplo en código wiki de la fecha:

 <<DateTime>>

c. Ejemplo ilustrativo en código wiki uniendo las secciones a. y b. :

 [[LaunchpadHome:NombreUsuario]] - <<DateTime>>

d. Ejemplo ilustrativo de c., en específico:

• sabdfl - 2024-09-26 22:11:06

• Nota: sabdfl es Mark Shuttleworth

e. Ejemplo ilustrativo para una hora estipulada (2010-10-10):

<<Date(2010-10-10T10:10:10)>>

Agregar imágenes

• Para esto se utilizan lo siguientes códigos:

a.- Desde una imagen externa al wiki (dirección directa):

{{http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png}}

• Se ve de la siguiente manera:

b.-Desde una imagen disponible en este wiki:

{{attachment:ChileanTeam/GrupoArte/Iconos/30px/ubuntu.png}}

• Se aprecia de la siguiente forma: