TUTORIAL (Botones del cuadro de mensaje y BBCODE)

TUTORIAL
Cómo usar los botones del
cuadro de mensaje
Cómo usar los BBCODE

PARA APRENDER PASO POR PASO 1

Se recomienda tener
abierto el foro
http://general6.foromx.org
en el momento de estar
viendo este tutorial.

ÍNDICE

¿Para qué sirven estas opciones?
Citar.
Multicitar.
Editar.
Borrar
Reportar
¿Para qué sirven los botones que están sobre el cuadro del mensaje?
 Cómo cambiar la letra (de color, de tamaño, de estilo, de tipo).
 Cómo acomodar el texto (a la izquierda, centrado, a la derecha, justificado).
 Cómo insertar viñetas, numeración y una línea divisoria.
 Citar.
Código.
 Imagen.
Obtener el link de una imagen desde un sitio web.
Vínculo.
 Otros (Índice, exponente, spoiler, desplazamiento horizontal, desplazamiento
vertical,.
Oscilar el modo de edición.


¿PARA QUÉ SIRVEN ESTAS OPCIONES?

1.- CITAR →
Tomas el comentario
del usuario.
2.- Se agrega a tu
propio comentario,
entre las balizas
[quote][/quote]. Esto
significa
aproximadamente
“entrecomillado”.

3
3.- PREVISUALIZACIÓN →
Así se verá tu mensaje.


para escribir el mensaje.
4.- MULTICITA → Quiere decir que
6.- QUOTE → Los comentarios de los usuarios
puedes citar los comentarios de varios usuarios,
aparecen entre esas balizas.
para responderles a cada uno en un mismo post, y
así no hacer un post de respuesta para cada uno. 7.- PREVISUALIZACIÓN → Así se verán
5.- RESPONDER → Se te abrirá la ventana los dos comentarios de los usuarios.

PARA APRENDER PASO POR PASO Diapositiva 5 de x

8.- EDITAR → Es para que puedas modificarle, borrarle, o agregarle algo a tu
comentario.

9.- Borras, agregas o
8 cambias lo que desees en
el texto de tu mensaje.

9
10.- PREVISUALIZACIÓN → Ves cómo
quedó, todavía puedes seguir editando.
11.- ENVIAR → Para que se registren los
cambios.

11
10


12.- BORRAR → Puedes borrar tu mensaje.

12

13.- INFORMACIONES →
Se te preguntará que si
estás seguro; si realmente 13
lo quieres borrar, click en
“Sí”. Si siempre no quieres,
click en “no”.


obscenas, indecorosas, o escribir en mayúsculas, o
14.- REPORTAR → Esto se usa en caso por hacer spam <anuncios no solicitados> o flood
de que veas un mensaje de otro usuario, que viola <repetir el mismo mensaje varias veces>, etc.).
las reglas del foro (por lo general sucede con
palabras altisonantes, ofensivas, violentas,

14

15.- HACER UN REPORTE DEL
MENSAJE A UN ADMINISTRADOR
O A UN MODERADOR → Como
puedes ver, tienes todas las opciones
para escribir tu mensaje.
15
16.- REGISTRAR → Como siempre,
debes dar click ahí para que el
mensaje sea enviado.
16


¿PARA QUÉ SIRVEN LOS BOTONES ARRIBA DEL CUADRO DE MENSAJE?
Sirven para darle cuerpo, diseño y énfasis a tu mensaje.
NEGRITAS:
1.- Escribe el texto y selecciónalo todo.

1

2.- Click en este botón (la palabra aparece en medio de las balizas [b][/b])


3.- Si abres la “previsualización”, verás esto:

3

4.- Y si le das click a este botón: 4
5.- Verás esto
en el cuadro de
mensaje.

5


Sigue el mismo procedimiento para cada uno de los botones siguientes:
6.- ITÁLICA O 6
CURSIVA.

7.-
SUBRAYADO.
7 8

8.- TACHADO.


9.- CENTRADO.

10.- A LA DERECHA.

11.- A LA IZQUIERDA.

9

10
11

TEXTO JUSTIFICADO.


INSERTAR UNA LÍNEA.


CITAR un texto, un poema, un comentario, la letra de una canción, etc.


INSERTAR UN CÓDIGO O ENLACE → A veces es necesario introducir un código o
un enlace (link) pero necesitamos que no esté “activo”, o sea, que al hacer click en él, no se
abra la ventana en el navegador:

1.- Lo escribimos o
pegamos (copiado del
navegador).
3
2.- Lo seleccionamos
y click en este ícono:

3.- Lo
previsualizamos.
2
4.- Lo publicamos.

1


INSERTAR UNA IMAGEN→
1.- Click ahí:

1

2.- Se abre una ventanita para
insertar un link directo (de los
que comienzan con http).


INSERTAR UNA IMAGEN→ 3
3.- Pega el link en el cuadrito.
4.- Le das click a OK.

4
5.- Al darle OK, te
aparecerá este código
en el cuadro de
mensaje. 6

5.- Y acá la
previsualización.

5


7
CÓMO OBTENER EL LINK DE UNA
IMAGEN QUE ESTÁ EN UN SITIO
WEB.- A veces vemos una imagen que nos
gusta y la queremos insertar.
7.- Haces click con el botón derecho del
mouse sobre la imagen, y se despliega este 8
menú.
8.- VER IMAGEN → Click ahí.
9.- Se ve la imagen. 6
10.- Copia el link que aparece en el
navegador.
11.- Pégalo en el
cuadrito del
mensaje que te
10
apareció acá. 9


CÓMO PONER UN VÍNCULO A UN TEXTO 1
1.- URL → Es el
2
ícono de
cadenita.
2.- Se abre una
ventanita.

3.- Pega el
enlace del sitio
web. 3


CÓMO PONER UN VÍNCULO A UN TEXTO
4.- Escribe el 4
texto que
desees.

5.- OK.- Para que
la imagen se
inserte al cuadro
de texto.
5


CÓMO PONER UN VÍNCULO A UN TEXTO 7
6. Así aparece el
código en el 7a
cuadro del
mensaje.
7b
7. Así aparece en la
previsualización.

a. Texto con
enlace. 6

b. Enlace sin
texto.


INSERTAR UNA LISTA CON VIÑETAS.


INSERTAR UNA LISTA NUMERADA.


CAMBIAR EDICIÓN → Como te pudiste dar cuenta, hay dos formas de ver el
cuadro del mensaje:
1.- Muestra las balizas.
2.- Muestra el texto tal y como se verá ya publicado. En esta ventana de edición, el
cuadro del mensaje aparece en un color más oscuro.
1

2


COLOR DE FUENTE (LETRA)


TAMAÑO DE FUENTE


ESTILO DE FUENTE


ÍNDICE, EXPONENTE, SPOILER, DESPLAZAMIENTO HORIZONTAL, DESPLAZAMIENTO
VERTICAL.


TUTORIAL (Botones del cuadro de mensaje y BBCODE)

Más contenido relacionado

Destacado (20)

Similar a TUTORIAL (Botones del cuadro de mensaje y BBCODE) (20)

TUTORIAL (Botones del cuadro de mensaje y BBCODE)