Como Se Edita

Características básicas para generar un texto

para generar texto en italica

//texto en italica// = Texto en italica

Para generar texto en negrita

**bold text** = Texto en negrita

Para generar texto en italica y negrita

//**italic and bold**// = italica y negrita

Para subrayar texto

__underline text__ = underline text

Para tachar texto

--strikethrough text-- = strikethrough text

Texto elevado

texto^^elevado^^ = textoelevado

Texto bajo

texto,,bajo,, = textobajo

Color del texto

[[span style="color:purple"]]color //morado//[[/span]] = color morado

Tamaño de texto

Ejemplo uno = [[size xx-small]]ejemplo 1[[/size]]

Ejemplo 2 = [[size x-small]]Ejemplo 2[[/size]]

Ejemplo 3 = [[size 80%]]Ejemplo 3[[/size]]

Ejemplo 4 = [[size small]]Ejemplo 4[[/size]]

Ejemplo 5 = [[size smaller]]Ejemplo 5[[/size]]

Ejemplo 6 = [[size larger]]Ejemplo 6[[/size]]

Ejemplo 7 = [[size large]]lEjemplo 7[[/size]]

Ejemplo 8 = [[size x-large]]Ejemplo 8[[/size]]

Ejemplo 9 = [[size 200%]]Ejemplo 9[[/size]]

Ejemplo 10 = [[size xx-large]]Ejemplo 10[[/size]]

Niveles de titulo

Ejemplo 1 = + Nivel 1

Ejemplo 2 = ++ Nivel 2

Ejemplo 3 = +++ Nivel 3

Ejemplo 4 = ++++ Nivel 4

Ejemplo 5 = +++++ Nivel 5

Listas

Listas ordenadas

Para crear un elemento de una lista inicia la línea con un asterisco, para generar subcategorías en otros elementos de la lista pon espacios extra antes del asterisco.

  • Ejemplo 1 = * Ejemplo 1
  • Ejemplo 2 = * Ejemplo 2
    • Ejemplo 3 2.1 = * Ejemplo 2.1

Listas numeradas

  1. Ejemplo 1 = # Ejemplo 1
  2. Ejemplo 2 = # Ejemplo 2
    1. Ejemplo 3 2.1 = # Ejemplo 2.1

Imagenes

Para subir una imagen a la wiki se debe llegar al borde inferior de la pagina, en esta sección aparece un recuadro de archivos, se sube desde el ordenador la imagen deseada. y ocupando el siguiente código se reemplaza el ejemplo por el nombre de la imagen.
[[image ejemplo]]

Resultado:
imagenejemplo.jpg = [[image imagenejemplo.jpg]]

Posición de la imagen

Para posicionar la imagen se deben ocupar los siguientes códigos:

imagenejemplo.jpg

[[=image imagenejemplo.jpg]] - imagen centrada

imagenejemplo.jpg

[[<image imagenejemplo.jpg]] - imagen a la izquierda

imagenejemplo.jpg

[[>image imagenejemplo.jpg]] - imagen a la derecha

imagenejemplo.jpg

[[f<image imagenejemplo.jpg]]- imagen flotante a la izquierda (rodeada por el texto)

imagenejemplo.jpg

[[f>image imagenejemplo.jpg]] - imagen flotante a la derecha (rodeada por el texto)

Tamaño

Para ajustar tamaño a la imagen se debe ocupar el siguiente código:
imagenejemplo.jpg = [[image imagenejemplo.jpg size="square"]]
imagenejemplo.jpg = [[image imagenejemplo.jpg size="thumbnail"]]
imagenejemplo.jpg = [[image imagenejemplo.jpg size="small"]]
imagenejemplo.jpg = [[image imagenejemplo.jpg size="medium"]]

Galería

Para insertar una serie de imágenes dentro del contenido de una pagina use el elemento [[gallery]].
[[gallery size="image imagenejemplo.jpg"]]

Resultado:

Galería en horizontal

Para generar una galería que tienda a lo horizontal ocupar el siguiente código reemplazando los links [Tales links corresponden a el link de las imágenes subidas a la wiki, este se puede ver al subir el archivo y ver su información que aparece al lado derecho del documento]

[[gallery size="image-size"]]: http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg@@

: http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg

: http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg

: http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg

: http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg

[[/gallery]]@@

Resultado:

o también se puede crear un slider de fotografías ocupando el siguiente código:

@@[[html]]
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
.mySlides {display:none;}
</style>
<body>
<h2 class="w3-center">Ejemplo</h2>
<div class="w3-content w3-display-container">
<img class="mySlides" src="http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg" style="width:100%">
<img class="mySlides" src="http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg" style="width:100%">
<img class="mySlides" src="http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg" style="width:100%">
<img class="mySlides" src="http://biogeoart.wikidot.com/local--files/como-se-edita/Ejemplo%20imagen.jpg" style="width:100%">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</body>
[[/html]]@@

Vídeos

Para poner vídeos directamente dentro de una página use el bloque[[/embedvideo]] y cierre con [[/embedvideo]] ejemplo:
[[embedvideo]] <iframe width="914" height="514" src="https://www.youtube.com/embed/e3BXciEVz2k" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[[/embedvideo]]
El código del vídeo a utilizar aparece dándole clic derecho al cursor y copiando su código de inserción.

Resultado:

Audio

Para poner audios use [[/embedaudio]] y el código html que presente el sitio de hosting de audio.

Actualmente se soporta: Odeo.com

Incluir otras páginas

Si quieres incluir contenido de otras páginas usa:

[[include nombredepagina]]

Si no se indica lo contrario, el contenido de esta página se ofrece bajo Creative Commons Attribution-ShareAlike 3.0 License