TUTORIAL- EDITOR DE TEXTO

IMPORTANTE: Familiarizate con las reglas del foro antes de postear

TUTORIAL- EDITOR DE TEXTO

Notapor Admin » 10 Feb 2013, 18:30

----------TUTORIAL EN CONSTRUCCION-----------

APRENDIENDO A UTILIZAR EL EDITOR DE TEXTO DEL FORO

Imagen


Vamos a empezar, utilizar el editor de texto es bien sencillo, aunque al principio te puedes perder un poco. en este tutorial iremos paso a paso para que no quede ninguna duda de como utilizarlo. en las cosas mas sencillas iremos mas rapido, y en las mas complicadas nos detendremos para explicarlas concienzudamente.

Empezamos:

Imagen

borra el texto seleccionado.




Imagen

copia el texto seleccionado




Imagen

pega el texto que hamos copiado




Imagen

quita las etiquetas bbcode, dejando el texto del editor en texto plano




ahora me saltare los dos siguientes botones y explicare antes este Imagen sirve para crear items o enumeraciones y sub-item o sub-enumeraciones, su codigo es [*] y el modo de aplicarlo lo veremos ahora:

volvemos a los dos botones que nos hemos dejado atras, empezando por:

Imagen

sirve para crear una lista desordenada con items y sub items

ejemplo

Código: Seleccionar todo
[list][*]este es el item [list][*]este es el subitem [list][*]y este es el sub-sub-item[/list][/list][/list]


resultado

  • este es el item
    • este es el subitem
      • y este es el sub-sub-item

para cada item hay que pulsar Imagen y para cada subitem hay que pulsar de nuevo en Imagen. no olvidar, que cada item o cada subitem que coloquemos, lo debemos hacer justo antes de cerrar la etiqueta [/list] por que si la cierras, en lugar de crear un item crearia una nueva lista.

tambien, con la lista desordenada se pueden crear listas ordenadas

ejemplo:

Código: Seleccionar todo
[list][*]este es el paso 1 [*] este es el paso 2 [*]este es el paso 3[/list]


resultado

  • este es el paso 1
  • este es el paso 2
  • este es el paso 3




Imagen

sirve para crear una lista ordenada. la lista se puede hacer con numeros, con letras o bien con numeros romanos modificado la etiqueta inicial. si lo quieres hacer con numeros, pones 1, si quieres hacerlo con letras pones a y si quieres hacerlo con numeros romanos pones I

con numeros:

Código: Seleccionar todo
[list=1][*]es con numeros [*]es con numeros [*] es con numeros[/list]

como veis, para hacerla con numeros, tan solo he puesto detras del igual un 1

resultado

  1. es con numeros
  2. es con numeros
  3. es con numeros

con letras;

Código: Seleccionar todo
[list=a][*]es con letras [*]es con letras [*] es con letras[/list]

como veis, para hacerla con letras, tan solo he puesto detras del igual una a

resultado:

  1. es con letras
  2. es con letras
  3. es con letras

y para hacerla con numeros romanos

Código: Seleccionar todo
[list=I][*]es con numeros [*]es con numeros [*] es con numeros[/list]

como veis, para hacerla con numeros romanos, tan solo he puesto detras del igual una I

resultado

  1. es con numeros romanos
  2. es con numeros romanos
  3. es con numeros romanos


seguire en el siguiente post, para no hacer este muy pesado
PARA CONTACTAR CON EL ADMINISTRADOR:

  • VIA PM

por e-mail:

  • explayate01@gmail.com
  • administracion@foroexplayate.com

facebook del administrador del foro (agregar como amigo)
facebook fanpage de foroexplayate.com (clickar en me gusta y compartir con todos vuestros amigos)
Avatar de Usuario
Admin
WEBMASTER
WEBMASTER
 
Mensajes: 3423
Registrado: 05 Ene 2011, 00:00
Título forístico:: El ojo que todo lo ve

Re: TUTORIAL- EDITOR DE TEXTO

Notapor Admin » 10 Feb 2013, 22:42

Imagen

sirve para crear solapas con texto en cada una de las solapas. el modo de utilizarlo lo tengo descrito aqui abajo:

Código: Seleccionar todo
[tabs][tabs:solapa1 ]texto de la solapa 1[tabs:solapa2 ]texto de la solapa 2[/tabs]


y el resultado es este (si clickais sobre cada una de las solapas vereis el texto.

solapa1  : texto de la solapa 1
solapa2  : texto de la solapa 2





Imagen

crea una linea divisoria en el post. el ejemplo lo teneis en este post y en el anterior, las lineas que separan cada una de las explicaciones de los botones

la etiqueta es:

Código: Seleccionar todo
[hr]


y el resultado este de aqui abajo




Imagen

sirve para poner el texto seleccionado en negrita.




Imagen

para poner en cursiva el texto seleccionado




Imagen

subraya el texto seleccionado




Imagen

tacha el texto seleccionado




Imagen

superindice




Imagen

subindice




Imagen

texto resplandor. para elegir el color hay que hacerlo en ingles.

ejemplos y resultados

Código: Seleccionar todo
[glow=red]este es en rojo[/glow]


este es en rojo

Código: Seleccionar todo
[glow=blue]este esta en azul[/glow]


este esta en azul

Código: Seleccionar todo
[glow=yellow]este es en amarillo[/glow]


este es en amarillo

Código: Seleccionar todo
[glow=green]este es en verde[/glow]


este es en verde




PARA CONTACTAR CON EL ADMINISTRADOR:

  • VIA PM

por e-mail:

  • explayate01@gmail.com
  • administracion@foroexplayate.com

facebook del administrador del foro (agregar como amigo)
facebook fanpage de foroexplayate.com (clickar en me gusta y compartir con todos vuestros amigos)
Avatar de Usuario
Admin
WEBMASTER
WEBMASTER
 
Mensajes: 3423
Registrado: 05 Ene 2011, 00:00
Título forístico:: El ojo que todo lo ve

Re: TUTORIAL- EDITOR DE TEXTO

Notapor Admin » 10 Feb 2013, 23:42

Imagen

texto doble o con pequeña sombra

ejemplos

Código: Seleccionar todo
[shadow=blue]AZUL[/shadow]

[shadow=red]ROJO[/shadow]

[shadow=green]VERDE[/shadow]


resultados

AZUL

ROJO

VERDE




Imagen

texto doble o con gran sombra

ejemplos

Código: Seleccionar todo
[dropshadow=blue][dropshadow=blue]AZUL[/dropshadow]

[dropshadow=green]VERDE[/dropshadow]

[dropshadow=red]ROJO[/dropshadow][/dropshadow]


resultados

AZUL

VERDE

ROJO




Imagen

texto difuminado, al igual que los anteriores se puede elegir el color de igual manera. IMPORTANTE:OPTIMIZADO PARA INTERNET EXPLORER

ejemplos

Código: Seleccionar todo
[blur=blue]este es azul[/blur]

[blur=red]este es en rojo[/blur]


resultados

este es azul

este es en rojo




Imagen

texto ondulado IMPORTANTE:OPTIMIZADO PARA INTERNET EXPLORER

ejemplos

Código: Seleccionar todo
[wave=blue]ondulado en azul[/wave]

[wave=red]ondulado en rojo[/wave]


resultado

ondulado en azul

ondulado en rojo




Imagen

texto parpadeante

ejemplo sin elegir color

Código: Seleccionar todo
[fade]este texto parpadea[/fade]




con color

Código: Seleccionar todo
[fade][color=#0000FF]
puedes insertar cualquier color, pero esta vez tienes que hacerlo utilizando el color de la fuente[/color][/fade]







Imagen

texto arcoiris

la manera de utilizarlo es muy sencillo, se selecciona el texto, se clicka sobre el boton, se abre una ventana emergente, se eligen los colores, y se clicka en insertar en el mensaje. con el codigo parece complicado, pero como tiene ventana de ayuda es muy sencillo

ejemplo

Código: Seleccionar todo
[color=#40FF00]e[/color][color=#4FFF00]s[/color][color=#5FFF00]t[/color][color=#6EFF00]e[/color] [color=#8CFF00]e[/color][color=#9CFF00]s[/color] [color=#BAFF00]u[/color][color=#CAFF00]n[/color] [color=#E8FF00]t[/color][color=#F7FF00]e[/color][color=#FCF705]x[/color][color=#F7E80F]t[/color][color=#F2D91A]o[/color] [color=#E8BA2E]c[/color][color=#E3AB38]o[/color][color=#DE9C43]n[/color] [color=#D37D57]t[/color][color=#CE6E61]o[/color][color=#C95F6C]d[/color][color=#C44F76]o[/color][color=#BF4080]s[/color] [color=#BF4A94]l[/color][color=#BF4F9E]o[/color][color=#BF54A9]s[/color] [color=#BF5FBD]c[/color][color=#BF64C7]o[/color][color=#BF69D1]l[/color][color=#BF6EDB]o[/color][color=#BF73E6]r[/color][color=#BF78F0]e[/color][color=#BF7DFA]s[/color] [color=#B078FF]d[/color][color=#A673FF]e[/color][color=#9B6EFF]l[/color] [color=#8764FF]a[/color][color=#7D5FFF]r[/color][color=#735AFF]c[/color][color=#6954FF]o[/color][color=#5E4FFF]i[/color][color=#544AFF]r[/color][color=#4A45FF]i[/color][color=#4040FF]s[/color]


resultado

este es un texto con todos los colores del arcoiris
PARA CONTACTAR CON EL ADMINISTRADOR:

  • VIA PM

por e-mail:

  • explayate01@gmail.com
  • administracion@foroexplayate.com

facebook del administrador del foro (agregar como amigo)
facebook fanpage de foroexplayate.com (clickar en me gusta y compartir con todos vuestros amigos)
Avatar de Usuario
Admin
WEBMASTER
WEBMASTER
 
Mensajes: 3423
Registrado: 05 Ene 2011, 00:00
Título forístico:: El ojo que todo lo ve


Volver a REGLAS DEL FORO

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado