Ayuda Primera Edicion

Aquí encontrarás una guía sobre cómo editar una página con formato utilizando la sintaxis Wiki. También se puede hacer uso de la sintaxis HTML, si tienes conocimiento del lenguaje, pero se recomienda usar la sintaxis Wiki siempre que sea posible, puesto que hace el código más legible.

Pondremos varios ejemplos para que se entienda rápidamente. Debajo de cada ejemplo encontrarán el código que se ha utilizado para conseguirlo.

* Edita con formalidad y siguiendo el formato de la wiki.
* No hagas uso de emojis o caracteres especiales que no tengan relación con el articulo o la wiki.
* Usa un lenguaje neutral, y no uses modismos de algún país.

Si quieres un ejemplo de un formato formal mira este Ejemplo

## Guía de edición básica

Te mostrare como fácilmente se pueden editar las diferentes paginas de la wiki con ayuda de unas cuantas imágenes.

Busca la pagina a editar y presiona el botón de edición en la parte superior.Si la pagina contiene información en viejo formato, borrala toda.Presiona insertar y después Plantillas.En el recuadro 'verde' busca la palabra "Box" y selecciona la numero 1, después repite y selecciona la numero 2.Llena los campos con la información necesaria, si no sabes como incluir las fotos, no te preocupes, solo avisa a un admin para que este rellene los campos.Rellena los campos de la segunda Plantilla y recuerda seguir el formato de la wiki.Aquí te dejamos una explicación visual de donde sacar cada cosa que piden los campos de información.Por ultimo ve a Categorías.Y asegúrate que la pagina tenga sus categorías correspondientes para que todo el mundo pueda encontrarla fácilmente.Da click a guardar pagina en la parte superior y listo, has echo un gran aporte a la wiki ¡Muchas gracias!

## Párrafos

Para separar los párrafos debes dejar una línea en blanco de separación entre un párrafo y el siguiente (dos saltos de línea). De esta forma, el segundo párrafo aparecerá separado del primero. Si solamente insertas un salto de línea (vamos, al pulsar la tecla "intro" o "enter") el texto aparecerá todo junto, como si ese salto de línea no existiera. Tenlo en cuenta. Si dejas más de una línea en blanco, el espacio entre párrafos aumentará, pero eso no es deseable pues se busca que el formato de los artículos sea homogéneo. A continuación unos ejemplos:

Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.

Este es el segundo párrafo que, como ven, está separado del anterior por dos saltos de línea, es decir, con una línea en blanco entre medio. Este texto es un ejemplo para ilustrar cómo se edita en una Wiki.

```
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.

Este es el segundo párrafo que, como ven, está separado del anterior por dos saltos de línea, es decir, con una línea en blanco entre medio. Este texto es un ejemplo para ilustrar cómo se edita en una Wiki.

```

Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Esta es una nueva línea pero en realidad aparece pegada a la anterior porque no se ha dejado una línea en blanco entre ésta y la anterior.

```
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. Estamos alargando este texto para que aparezca en varias líneas.
Esta es una nueva línea pero en realidad aparece pegada a la anterior porque no se ha dejado una línea en blanco entre ésta y la anterior.

```

## Enlaces

### Enlaces internos

Son la mejor forma de tener todos los artículos interrelacionados. Si en el texto crees que puede ser relevante poner un enlace a otro artículo de Epic Seven, ¡Adelante!. Esto facilitará a un lector poder llegar hasta ese artículo y saber más cosas sobre él, en caso de que exista. Si no existe también lo sabrá porque aparecerá el enlace en rojo y podrá crearlo al hacer clic sobre él.

Para insertar un enlace escribe el **título de la página** que quieras enlazar (no la dirección) entre dobles corchetes '[[ ]]'. Utiliza el símbolo '|' (tecla AltGr + 1) para que muestre un texto diferente.

Enlace a página existente
Grass\_Slime

```
[[Grass_Slime]]
```

Enlace a página inexistente
Página inexistente

```
[[Página inexistente]]
```

Enlace a una página pero mostrando otro nombre en el enlace
El siguiente enlace nos llevará a la portada.

```
El siguiente [[Main_Page|enlace]] nos llevará a la portada.
```

Enlaces a páginas de imágenes
Para que se muestre un enlace a la página de la imagen y no aparezca la imagen en si debes añadir dos puntos (:) delante del nombre de la página.
Imagen de un slime de tierra

```
[[:File:MGrassSlime.png|Imagen de un slime de tierra]]

```

### Enlaces a proyectos hermanos

En algunos casos puede que consideres necesario un enlace a un proyecto hermano, como otro sitio de Wikia (donde está alojada esta Wiki) o un enlace a Wikipedia, Wikilibros, etc. Es lo que se conoce también como **Interwikis**.

Se realizan igual que los enlaces internos, pero añadiendo un prefijo o más al nombre de la página a enlazar.

Más información: Wikia:Help:Interwiki link (en inglés).

Enlace la sitio de Wikia
Se hace escribiendo el prefijo wikia: seguido del nombre de la página.
Wikia

```
[[wikia:Wikia (Español)|Wikia]]
```

Enlace a una Wiki de Wikia
El prefijo será wikia:c: seguido del prefijo del wiki, dos puntos más y el nombre de la página.
Inicio Wiki Epic Seven

```
[[wikia:c:epicsevenglobal-es:Main_Page|Inicio Wiki Epic Seven]]
```

Enlace a Wikipedia, wikilibros, etc.
El prefijo será Wikipedia:, Wikibooks:, etc. seguido del código de idioma (es para español), ya que sin prefijo irá a la Wiki en inglés.
Wikipedia,
Wikilibros,
Commons,
Meta.

```
[[wikipedia:es:Portada|Wikipedia]],
[[wikibooks:es:Portada|Wikilibros]],
[[commons:Portada|Commons]],
[[metawikipedia:Es/Portada|Meta]].

```

### Enlace externo

Para otros casos se puede utilizar la dirección web directamente, sin corchetes. También puedes ponerla entre corchetes simples. Si quieres que aparezca un nombre distinto **no debes utilizar la barra vertical**, sino un espacio. El primer espacio que encuentre separará la dirección del texto a mostrar. Recuerda añadir el prefijo 'http://' o 'https://' de la barra de direcciones.

Con texto a mostrar
Ejemplo,
Sitio web seguro,
dirección de correo

```
[http://www.ejemplo.com/ Ejemplo],
[https://sourceforge.net/ Sitio web seguro],
[mailto:correo@electronico.com dirección de correo]

```

## Modificar el texto

### Negritas y cursivas

Para destacar palabras y expresiones utiliza **negritas** y *cursivas*. Se consigue poniendo apostrofes (') triples y dobles respectivamente alrededor de la expresión.

Texto en negrita y cursiva
Texto en **negrita** y *cursiva*

```
Texto en '''negrita''' y ''cursiva''
```

Negrita y cursiva combinadas
A este texto en **negrita le añadimos la *cursiva***

```
A este texto en '''negrita le añadimos la ''cursiva'''''
```

### Modificar el color

Cambiar el color a una palabra sirve para resaltar su significado. Para ello hay que escribir antes de la palabra <span style="color:  ;"> en el espacio blanco escribiremos el color que deseemos. Al final de la palabra se escribe </span>. No es necesario escribir esto por cada palabra. Desde donde se inserte <span style="color:  ;"> hasta donde se inserte </span> el color cambiara, del negro por defecto, al elegido.

Procura usar colores en formato hexadecimal o RGB en vez de nombres de color en inglés, pues los nombres no están soportados en todos los navegadores.

Un ejemplo común de su uso también es para indicar los colores de una tabla, a modo de leyenda. Fíjate:

* Verde: son correctos.
* Rojo: son incorrectos.

Este es el código:

```
* <span style="color:green;">Verde</span>: son correctos.
* <span style="color:red;">Rojo</span>: son incorrectos.

```

Si lo que quieres el cambiar el color de un texto enlazado, entonces el código sería el siguiente:

```
* [[Grass_Slime|<span style="color:green;">Grass Slime</span>]]

```

* Grass Slime

### Modificar la fuente

Por defecto el texto siempre lleva una fuente, pero es posible cambiarla, esto puede servir, por ejemplo, para decorar un título. Para ello se escribe <span style="font-family:' ';"> en el espacio blanco escribiremos la fuente que deseemos. Al final del texto se escribe </span>. Su uso es el mismo que para cambiar el color.

Fíjate en un ejemplo:

* Comic Sans es informal.
* Times New Roman sin embargo es más formal.
* Calibri vale para ambos casos.

Observa su código:

```
<span style="font-family:'Comic Sans MS';">Comic Sans es informal</span>.
<span style="font-family:'Times New Roman';">Times New Roman sin embargo es más formal</span>.
<span style="font-family:'Calibri';">Calibri vale para ambos casos</span>.

```

* El cambiar arbitrariamente el tipo de fuente quita homogeneidad a los artículos.
* Especificar una fuente corre el riesgo de que haya usuarios que no tengan esa fuente instalada. Eso provoca que el navegador use una fuente de sustitución, y que el artículo se vea diferente para diferentes usuarios. En el peor de los casos la fuente puede hacer ilegible el texto.

### Modificar el tamaño

Cambiar el tamaño de una palabra o texto sirve para resaltarlo, normalmente no es necesario ya que se cuenta con los encabezados. Pero para casos especiales esto es lo que hay que hacer: desde donde se inserte <span style="font-size:  ;"> hasta donde se inserte </span> el tamaño cambiara.

Fijate en un ejemplo:

* La palabra texto está al tamaño 150%
* Ahora he cambiado el tamaño de la palabra texto poniendo large.

Este es el código:

```
* La palabra <span style="font-size:150%;">texto</span> está al tamaño 150%
* Ahora he cambiado el tamaño de la palabra <span style="font-size:large;">texto</span> poniendo large.

```

Para cambiar el tamaño también se pude encerrar el texto entre <small> que reduce el tamaño y <big> que lo agranda.

## Encabezados

Los encabezados o subtítulos sirven para separar las diferentes partes de un artículo y ayudan a organizar la información. Además, **generarán automáticamente una tabla de contenidos**, siempre y cuando haya por lo menos tres encabezados en el artículo o según este configurado.

Los encabezados se crean añadiendo signos igual (=) al principio y al final de una línea. Cuantos más signos añadas, el encabezado será de menor nivel, es decir, será de menor importancia. El encabezado de mayor nivel debería estar formado por dos signos de igual en cada lado.

Aquí hay un ejemplo, una escala de encabezados. En este ejemplo puedes comparar la diferencia entre cada encabezado. Este otro, es un ejemplo más común, es la estructura que veras en casi todos los artículos.

Este sería su código:

```
 == Titular ==
 === Subtítulo ===
 Texto
 === Otra sección ===
 Más texto.
 == Más información ==
 Información

```

## Imágenes

Para insertar imágenes en Epic Seven Wiki primero debes subirlas, o elegir una que ya esté subida en la galería. Solo tienes que insertar un enlace a la página de la imagen. La lista con todas las extensiones que se pueden usar en la imagen se encuentra en el formulario de subida.

La imagen puede tener varios parámetros que controlen su posición y visualización. Pueden ir en cualquier orden pero se recomienda dejar para el final el texto descriptivo de la imagen. Solo el nombre de la imagen es obligatorio.

También, puedes usar el botón de *Añadir imágenes*, (añadido recientemente por Wikia, situado al lado derecho del botón de agregar línea horizontal) para añadir una imagen sin tener que ir al formulario y perder la edición.

```

```

Extensión
* jpg / jpeg: Extensión más usada para imágenes fotográficas. Soportan compresión con pérdida de calidad. No soporta transparencia. Solo recomendada para imágenes grandes.
* png: Extensión con más calidad que la anterior para gráficos, diagramas, sprites e imágenes oficiales. Soporta semitransparencia y colores reales y compresión sin pérdida de calidad. Recomendado para imágenes con grandes áreas de colores similares.
* gif: Extensión para imágenes animadas que solo admite 256 colores. Soporta transparencia simple y animaciones. Solo recomendado para imágenes pequeñas de pocos colores y animaciones.
* svg: Extensión usada para gráficos y diagramas. Soporta semitransparencia y colores reales. Son imágenes vectoriales que permiten ser redimensionadas sin perder calidad. Internamente es un archivo XML por lo que son muy fáciles de modificar. Al usarlas se convierten en formato PNG al vuelo, porque no todos los navegadores soportan este formato.
* ogg: Extensión usada para escuchar sonidos y cortas canciones sin imagen de fondo. Soporta contenido audiovisual. Se usa para almacenar datos en archivos para ordenadores y transmitir flujos audiovisuales, pero sirve en muchas otras formas.

Formato
* thumb / thumbnail: Aparece una versión reducida (180px como máximo si no se especifica otro tamaño) de la imagen y se alinea a la derecha (a menos que se especifique lo contrario). Añade un símbolo de *Ampliar*.
* frame: Solo aparece enmarcada, sin el símbolo de *Ampliar*. La imagen aparecerá a tamaño original.

Alineación
* right: Alineación a la derecha, con el texto flotando a la izquierda.
* left: Alineación a la izquierda, con el texto flotando a la derecha.
* center: Alineación al centro. El texto siguiente aparece debajo de la imagen.
* none: Sin alineación. La imagen aparece en la misma línea que el texto.

Tamaño
* *número*px. Especifica el ancho de la imagen en píxeles. Si se especifica *número*x*número*px especificará el alto y el ancho *máximos* de la imagen, manteniendo siempre la proporción de la imagen. Si se usa con frame será ignorado.

Texto descriptivo
* Cualquier otro texto no reconocido como parámetro. Aparecerá al situar el ratón sobre la imagen y, si el formato es thumb o frame, aparecerá debajo de ella.

Ejemplos

```
[[Archivo:MGrassSlime.png|thumb|Formato thumb]]
[[Archivo:MGrassSlime.png|thumb|320px|A 320px]]

```

## Vídeos

Para insertar vídeos en un artículo o tu página de usuario, utiliza {{youtube|Código del vídeo}}.

## Listas

Las listas sirven para hacer enumeraciones o expresar un orden a seguir. Hay de diferentes tipos y no hay un atajo en la botonera de edición para crearlas.

Lista de boliches
Se crean empezando la línea con un asterisco. Si ponemos más asteriscos seguidos la línea quedará más indentada.

* Este es el nivel 1
	+ Este es el nivel 2
	+ Sigue siendo nivel 2
* Volvemos al nivel 1

```
* Este es el nivel 1
** Este es el nivel 2
** Sigue siendo nivel 2
* Volvemos al nivel 1

```

Lista ordenada
Se crean empezando cada línea con uno o más signos almohadilla o sostenido (#), como la lista de boliches.

1. Primera acción
2. Segunda acción
	1. Esta acción tiene subapartados
	2. Otro subapartado
3. Tercer accion

```
# Tercer accion

```

Lista de definición
Constan de un título y de uno o varios elementos que dependen de él. Aunque es posible usar solo uno de los dos elementos. Sirve para indentar comentarios en discusiones o párrafos. El título se forma empezando la línea con un punto y coma (;) y los elementos con dos puntos (:)

Titular
Un ítem
Otro ítem.

```
; Titular
: Un ítem
: Otro ítem.

```

Un comentario

Otro comentario indentado
Aún más indentado
Volvemos

```
Un comentario
: Otro comentario indentado
:: Aún más indentado
: Volvemos

```

## Tablas

Puedes Usar el botón del editor en la parte superior dentro de **Insertar** para crear una tabla fácilmente

La primera línea de una tabla debe ser {| seguido de atributos HTML opcionales que modificarán el aspecto de toda la tabla. la última línea será |}.

La tabla se forma por filas. Cada fila es una línea que empieza con |- seguido de atributos HTML opcionales que modificarán el aspecto de la fila y las celdas de la misma.

Las celdas se pueden escribir en una misma línea o en líneas diferentes. Y hay de dos tipos: las normales y las de título. Las celdas normales empiezan la línea con una barra vertical (|) seguido del contenido, o bien de atributos HTML y el contenido separados por otra barra vertical. Para separar dos celdas o bien escribes la celda al lado de la primera separándola por dos barras verticales seguidas, o bien empiezas una nueva línea, como si fuera la primera celda. Las celdas de título aparecerán en negrita y centradas y se forman igual que las celdas normales pero empezando la línea por un signo de exclamación (!) y separando las celdas de una misma línea por dos signos de exclamación, en vez de dos barras verticales.

 Celda 3b
 celda 4a

```
{| border="1" style="margin:auto; width: 80%; border-collapse:collapse;"
! colspan="2" | Título 1a-1b
! Título 1c
! Título 1d

```
Como veis, se han añadido algunos atributos HTML de ejemplo. Si no sabéis cómo mejorar una tabla en un artículo, no importa. Alguien que sepa ya le dará un retoque. De la misma forma, si necesitas una tabla para vuestro artículo podéis pedírsela sin reparos a cualquier admin.

### Estilos predefinidos de tablas

Hay algunos estilos predefinidos en esta wiki que se pueden aplicar a tablas de forma fácil y sin tener que escribir apenas código. Para ello hay que agregar como propiedad a nivel de tabla un **class="***estilos a aplicar***"**. Se pueden poner varios estilos separados por espacios dentro de la propiedad *class*.

Estilo predeterminado de la wiki
Agregará borde a las celdas y colores de fondo. class="wiki"

Para que la primera fila haga de encabezado de la tabla y se vea de un color diferente, hay que usar a nivel de la primera fila un class="encabezado"

 datos 3 | datos 4

```
{| class="wiki"
! Encabezado 1 !! Encabezado 2

```

Estilo de lista
Agregará borde a las celdas y colores de fondo, y además resaltará la fila sobre la que se posicione el puntero del ratón. La altura de las celdas será un poco más reducida. class="lista"

Para que la primera fila (o más de una) no se resalten al pasar el ratón hay que usar el class="encabezado"

 datos 7 | datos 8

```
{| class="lista"
! Encabezado 1 !! Encabezado 2

```

## Escapar el código

En algunas ocasiones puede ser necesario utilizar alguna de las notaciones aquí expuestas para otros fines como, por ejemplo, empezar una línea con un asterisco pero no querer que aparezca como una lista de boliches. En esos casos, el código que pueda *confundir* al software (porque no sabe si deseas en realidad usar el formato o que aparezca tal cual) debes encerrarlo entre las etiquetas <nowiki> y </nowiki> respectivamente. Recuerda que todo lo que esté incluido entre esas etiquetas será mostrado tal cual y tampoco reconocerá enlaces. Tampoco hace falta que pongas todo el texto entre las etiquetas. Si quieres mostrar, por ejemplo, dobles corchetes sin que se cree un enlace puedes utilizarlos en una parte del texto:

Este [[enlace]] no se verá como tal

```
Este <nowiki>[[</nowiki>enlace]] no se verá como tal

```

\* Esto que en principio aparecería como una lista en realidad no se visualizará así

```
<nowiki>*</nowiki> Esto que en principio aparecería como una lista en realidad no se visualizará así

```

https://epicsevenglobal-es.fandom.com/ con enlace y https://epicsevenglobal-es.fandom.com/ sin enlace

```
https://epicsevenglobal-es.fandom.com/ con enlace y <nowiki>https://epicsevenglobal-es.fandom.com//</nowiki> sin enlace

```

## Texto oculto

En determinadas situaciones, interesa poner en el artículo texto que **solo se ve al editar el artículo**, pero no si solo lo estas viendo. Puede resultar útil para dar indicaciones a los editores sobre cosas que se deben arreglar, o cómo hay que editar cierta parte del artículo, etc. Se conoce como *comentario* o *comentario HTML*.

Todo lo que vaya entre <!-- y --> no se mostrará en el artículo, pero sí en la caja de edición cuando alguien lo edite.

Por ejemplo (compruébalo pulsando en el enlace editar de esta sección):

Esto es una frase. Entre la frase anterior y ésta hay un texto oculto.

```
Esto es una frase. <!--
 *** texto oculto que no se mostrará ***
--> Entre la frase anterior y ésta hay un texto oculto.

```

## Formato avanzado

Hay más cosas que es posible hacer en un wiki, pero por lo general se utilizan en casos contados. De la misma forma, si alguna vez necesitas hacer uso de ellos pero no sabes utilizarlos o necesitas ayuda, puedes consultar a cualquier admin.