Table of Contents
|
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
- Ejemplo 1 = # Ejemplo 1
- Ejemplo 2 = # Ejemplo 2
- 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]]
= [[image imagenejemplo.jpg]]
Posición de la imagen
Para posicionar la imagen se deben ocupar los siguientes códigos:
[[=image imagenejemplo.jpg]] - imagen centrada
[[<image imagenejemplo.jpg]] - imagen a la izquierda
[[>image imagenejemplo.jpg]] - imagen a la derecha
[[f<image imagenejemplo.jpg]]- imagen flotante a la izquierda (rodeada por el texto)
[[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:= [[image imagenejemplo.jpg size="square"]]
= [[image imagenejemplo.jpg size="thumbnail"]]
= [[image imagenejemplo.jpg size="small"]]
= [[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)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</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]]