Horario España Península

Calendario

Nada nuevo

Últimos temas

» ¡Las megapiedras arriban a Alola!
Lun Jun 12, 2017 7:36 pm por drigunrayo

» ¡Demuestra tu poder con los nuevos movimientos Z!
Lun Feb 13, 2017 1:52 pm por drigunrayo

» Tareas para la reapertura del foro
Dom Feb 12, 2017 10:05 pm por drigunrayo

» ¡Cruza el camino arriba de tu Pokémontura!
Dom Feb 05, 2017 1:01 pm por Arceus

» ¿Pokémon Sol o Pokémon Luna?
Jue Feb 02, 2017 12:59 am por Arceus

» [Ofrezco]Legendarios
Dom Mar 27, 2016 7:51 am por Sanz

» ¡Bases Secretas!
Sáb Oct 10, 2015 1:32 pm por Minccino07

» [busco] shinys
Dom Sep 13, 2015 5:17 pm por Alito13

» [Busco] heatran y sylveon
Lun Jun 29, 2015 5:33 am por Minccino07

Sondeo

¿Pokémon Sol o Pokémon Luna?
100% 100% [ 2 ]
0% 0% [ 0 ]
0% 0% [ 0 ]

Votos Totales : 2

Los posteadores más activos del mes

¿Quién está en línea?

En total hay 2 usuarios en línea: 0 Registrados, 0 Ocultos y 2 Invitados

Ninguno


[ Ver toda la lista ]


La mayor cantidad de usuarios en línea fue 86 el Sáb Oct 26, 2013 7:02 am.


¿ Como usar correctamente el editor de texto ?

Comparte
avatar
Arceus
Webmaster
Webmaster

Nivel : 142
Exp. : 3171
Mensajes : 2634
Localización : Sala Origen

¿ Como usar correctamente el editor de texto ?

Mensaje por Arceus el Mar Jun 25, 2013 3:06 am

Uso Básico del Nuevo Editor

El nuevo editor de texto usa un método llamado ''What you see is what you get'', tal y como su nombre indica, con este método podemos ver directamente el resultado final de nuestro mensaje. (colores, imágenes, tamaño etc...)

Este método es ideal para respuestas rápidas o temas sencillos, mensajes que apenas tengan una edición más allá que el color y algunas imágenes.

A la hora de hacer un mensaje algo más complejo, este método puede llegar a ser confuso o a ser poco funcional, ya que al ponerse e interpretarse los códigos de manera automática, pueden llegar a enredarse y a dar resultados muy lejanos a lo que estábamos buscando.

Para ello, podemos recurrir siempre que queramos al modo de edición normal, donde vemos todos los códigos que ponemos y los podemos manipular fácilmente. En la barra de botones, encontraréis uno al final de todo con una página como icono, si pulsáis en él, podréis oscilar entre los dos modos a vuestro gusto.



Nuevas Funcionalidades y Mejoras

Una vez explicado lo básico de este editor, hacemos un pequeño repaso a lo que podemos hacer con él.




Primer Bloque de Botones
Forma de fuente



·B; negrita.

Código:
[b][/b]




·I; cursiva.

Código:
[i][/i]



·U; subrayado.

Código:
[u][/u]



·S; tachado.

Código:
[strike][/strike]




Segundo Bloque de Botones
Colocación del texto


·1; izquierda.
Código:
[left][/left]



·2; centrado.
Código:
[center][/center]



·3; derecha.

Código:
[right][/right]



·4; justificado.
Código:
[justify][/justify]




Tercer Bloque de Botones
Listas y separaciones


·1;  Lista.
Código:
[list][*][/list]



Ejemplo:


  • Arceus
  • Legacy



·2; Lista Numerada.
Código:
[list=1][*][/list]



Ejemplo:


  1. Arceus
  2. Legacy



·3; Línea.
Código:
[hr]



Ejemplo:






Cuarto Bloque de Botones
Objetos y apariencia


·Icono de bocadillo; citar.
Código:
Con Autor: [quote="Arceus"][/quote]
Sin Autor: [quote][/quote]

Para citar correctamente, debéis seleccionar primero el contenido del mensaje que os interesa citar, y seguidamente pulsar el botón.

Ejemplo:

Con autor:

@Arceus escribió:Baneado.

Sin autor:

Pika pika, chu.


·Icono con <>, insertar código puro.

Código:
[code][/code]



Al insertar un código dentro de este, evitamos que haga su función y podemos mostrarlo como un texto cualquiera, como en este tutorial.


·Libreta con alerta, spoiler.
Código:
Con Título: [spoiler="Título"][/spoiler]
Sin Título: [spoiler][/spoiler]



Ejemplo con título:

N:
Es Zoroark.


·Cuadro medio invisible, ocultar.
Código:
[hide][/hide]



Crea un cuadro, los que no sean usuarios del foro no podrán verlo. Ejemplo:




·Tabla con +, insertar una tabla.
Código:
[table border=1][tr][td][/td][/tr][/table]




Otros botones y apuntes de interés
Resto de bloques


·Colocar imágenes; icono de fotografía con un +.

-Al pulsar este botón, se despliega un pequeño menú donde os pide la URL de la imagen, es decir, lo que se pondría entre el código [img]. De paso podéis modificar el tamaño de esa imagen a vuestro gusto.

·Enlaces; icono de cadena con un +.

-Es la substitución del código simple de [url=*]Simplemente insertad la URL del enlace al que queris darle nombre, y en descripción el nombre que queráis. El resultado sería este:  

[/url]Reglamento General.

·Vídeos YouTube o DailyMotion.

-Funciona igual que el anterior editor, aunque con este ya no va a haber problemas de inserción.

·Colores HTML.

-Con este nuevo editor tenemos más a mano una gran variedad de colores y tonos. En la tabla que se despliega tenemos una pequeña cantidad de colores de acceso rápido, pero si buscáis algún color que no esté, buscad en google ''Colores HTML'' y os saldrán todos los colores con sus códigos de seis letras y/o números. (#ffffff por ejemplo, blanco).

También funciona con nombres, como el anterior editor, por ejemplo, en este acceso rápido no tenemos el amarillo puro, basta con substituir el código de color por ''yellow''.

Código:
[color=#ffffff]esto sería blanco[/color]
[color=yellow]y esto amarillo[/color]
[color=white]esto también sería blanco[/color]
[url=*]



·'A' con señal de Stop; suprimir formato.

-En modo ''WYSIWYG'', podéis eliminar de golpe todo el formato que le hayáis dado al texto seleccionado pulsando este botón, con lo cuál esto:

Ninetales

Pasaría a ser esto:

Ninetales

Estas son las funciones básicas de este nuevo editor, si crees necesario que se añada alguna otra función o que se explique mejor otra, no olvides que existe el tema de sugerencias y quejas.

    Fecha y hora actual: Sáb Ago 19, 2017 3:31 pm