Post oficial - Tutorial: funciones básicas del foro

It · **Publicado:** Mar Mar 11, 2008 6:06 pm

FUNCIONES BÁSICAS DEL FORO
Actualización a 27 de julio de 2010 - 27/07/2010, por Ehsoa, acorde a la tercera versión del foro.

1. Asunto: título del post, especifica cómo se llamará el tema o encabezado del artículo.
________________________________________________________________________________________

2. Emoticonos: pequeña imagen expresiva para denotar estados de ánimo. Para colocarlo basta con clicar encima del que se quiera y aparecerá en forma de comando en el cuadro de texto, y una vez enviemos el mensaje, aparecerá la foto.

El código sería:

Código:

 :D  :)  :(  :o  :shock:  :?  8)  :lol:  :x  :P  :oops:  :cry:  :evil:  :twisted:  :roll:  :wink:  :!:  :?:  :idea:  :arrow:  :|  :mrgreen: 

Y quedaría como:

________________________________________________________________________________________

3 - 4 - 5. Negrita, cursiva y subrayado: marcar con el ratón cualquier frase que queramos y clicar en dichos botones, B para negrita, i para cursiva, u para subrayado. La frase marcada aparecerá entre corchetes de código, una vez que enviemos el mensaje aparecerá com debería verse.

El código sería:

Código:

[b]Texto en negrita[/b]
[i]Texto en cursiva[/i]
[u]Texto subrayado[/u]
[b][i][u]Texto en negrita, cursiva y subrayado[/u][/i][/b]

Y quedaría como:
Texto en negrita
Texto en cursiva
Texto subrayado
Texto en negrita, cursiva y subrayado

________________________________________________________________________________________

6. Quote: comando que sirve para enmarcar una cita o comentario de otro usuario, así los demás pueden saber hacia quién va dirigido nuestro comentario cuando escribimos (aparece como una caja de texto que contiene el mensaje). Se usa principalmente para eso y para enmarcar noticias extraídas de otra página, para no confundir la noticia con nuestro mensaje.

Función 1: podemos hacer como en 3, 4 y 5, marcar una frase y clicar el botón Quote para dejarla entre corchetes.

Función 2: podemos quotear directamente la frase de otro usuario pinchando en el botón Quote de debajo de cada mensaje en el foro, y después el proceso es el mismo, clicamos enviar y aparecerá publicado dentro de una caja de texto.

________________________________________________________________________________________

7. Code: también es una caja de texto, con la diferencia de que ésta no mostrará ningún tipo de modificación en la letra, todo lo que contenga esta caja de texto saldrá en formato de código al escribir. Su uso principalmente es para enlazar cualquier tipo de información con la facilidad de copiarla junto a su código.

________________________________________________________________________________________

8. List: sirve principalmente para enumerar títulos, subtítulos o palabras. Marcamos la frase que queramos y al clicar List aparecerá entre los corchetes correspondientes. Lo que aparecerá será un breve desplazamiento lateral de la palabra hacia la derecha. Se usa en los índices de los libros para enumerar los capítulos que contiene una novela u obra.

El código sería:

Código:

[list]1. El señor de los anillos[/list]

Y quedaría como:

1. El señor de los anillos

________________________________________________________________________________________

9. List=: como el anterior, pero en vez de salir solamente hacia la derecha ahora lo hace hacia la derecha y hacia abajo, para organizar textos y listas. Para utilizarlo hemos de enumerar detrás del símbolo = (igual) cada frase con un número o letra. Ver foto de debajo.

________________________________________________________________________________________

10. [*] asterisco: se debe emplear delante de una palabra o frase que esté contenida dentro de un comando LIST o LIST=. Su función es que delante de dicha palabra aparezca una redonda como esta ● que puede usarse para subtítulos o marcar puntos clave en un texto.

El código sería:

Código:

[list][*]Frase de prueba[/list]

Y quedaría como:

Frase de prueba

________________________________________________________________________________________

11. Img: sirve para añadir imágenes a partir de un enlace que tengamos. Si subimos las imágenes directamente desde ImageShack no hará falta más que copiar el texto que nos proporciona la página para que se muestre. Hay que colocar la ruta de la imagen que queramos entre los corchetes correspondientes.

El código sería:

Código:

[img]http://roto2.com/roto2.gif[/img]

Y quedaría como:
Imagen

________________________________________________________________________________________

12. URL: sirve para crear hipervínculos. Un hipervínculo es simplemente cuando aprietas encima de un enlace y se te abre otra página. Su otra forma de utilizarlo es para abreviar el nombre del enlace y que solo aparezca una palabra o frase en su lugar. Ver foto para más información.

El código sería:

Código:

[url=http://www.desgarrador.com]Desgarrador.com - Foro oficial de Escalofrio.com[/url]

Y quedaría como:
Desgarrador.com - Foro oficial de Escalofrio.com

________________________________________________________________________________________

13. Video: sirve para que aparezca directamente un video de YouTube. Es tan simple como escribir la dirección del video que queramos dentro de los corchetes de código de VIDEO. Ver imagen para más información.

El código seria:

Código:

[video]http://www.youtube.com/watch?v=Gc_j99mYre4[/video]

Y quedaría como (ver fotos):

________________________________________________________________________________________

14. Tamaño de fuente: como su propio nombre indica, sirve para elegir las proporciones de la letra que escribiremos. Seleccionamos la frase que queramos y clicamos en la pestaña de Tamaño de fuente para desplegar las cinco opciones que nos dan. La frase quedará entre los respectivos corchetes y con un número. Ese número es el tamaño que tendrá, y podemos cambiarlo a voluntad entre los valores del 1 al 200. Ver imágen para más información.

El código sería:

Código:

[size=200]TEXTO[/size]

Y quedaría como:
TEXTO

________________________________________________________________________________________

15. Color de fuente: exactamente lo mismo que el anterior, pero esta vez con el panel de colores de la derecha. Marcamos la frase y clicamos encima del color que queramos, y se mostrarán los respectivos corchetes.

El código sería:

Código:

[color=#00FFFF]Frase de prueba azul[/color]

Y quedaría como:
Frase de prueba azul

________________________________________________________________________________________

16. Deshabilitar BBCode: todas las opciones que utilizan corchetes quedan desactivadas y se mostrarán en código base.
17. Deshabilitar emoticonos: los emoticonos se mostrarán con su código base en vez del dibujo.
18. No convertir automáticamente las URLs: los hipervínculos se mostrarán con su codigo base y no podrán clicarse automáticamente.
19. Adjuntar firma: si esta opción permanece activada tu firma se mostrará cada vez que escribas un mensaje.
20. Enviarme un e-mail cuando un mensaje es respondido: la frase lo dice todo.
21. Vista previa: sirve para ver cómo quedará un mensaje antes de enviarlo. La vista previa aparecerá arriba de la pantalla.
22. Enviar: Envías el mensaje que has escrito para que aparezca en el foro.
23. Guardar: Guardas el mensaje que has escrito como borrador en tu bandeja de mensajes del foro para enviarlo o editarlo más tarde.
24. Cancelar: Cancelas el envío del mensaje. Éste se borrará.

________________________________________________________________________________________

25 Nombre/Comentario/Agregar archivo: sirve para subir imágenes desde el propio foro de Desgarrador.

En nombre clicamos examinar y elegimos la foto que queramos.
En comentario escribimos un texto para la imagen, que aparecerá en el pie de la foto al enviar el mensaje.
En agregar archivo lo que haremos será cargarla para que se muestre.

Cuando terminemos de hacer estos tres pasos, clicamos en Enviar para enviar el mensaje y que se muestre como en la foto de debajo.

________________________________________________________________________________________

26. Opciones: nos muestra las características que hemos elegido anteriormente, diciéndonos si están activadas o desactivadas, y cuales tenemos seleccionadas con un tick.
______________________________________________________________________________

Tutorial extra: Bloquear imágenes gigantes.

Historial de modificaciones:

Tutorial 1 - Primera versión del foro: desconocido (posterior a 2007).
Tutorial 2 - Segunda versión del foro: por ESIZIO, con adaptación de It. Época pre-hack (2007-2008).
Tutorial 3 - Tercera versión del foro: por Ehsoa (2010).

ESIZIO · **Publicado:** Mar Mar 11, 2008 8:16 pm

Al contrario, gracias IT por apoyar al idea.

Bueno, ahora espero que los nuevos usuarios se pasen por aqui, si es asi, el problema de doblepsot disminuira.

Dxvid · **Publicado:** Mar Mar 11, 2008 8:47 pm

Pedazo de GigaFAQ, muy extenso y completo, felicidades

Erek500 · **Publicado:** Mié Mar 12, 2008 2:42 pm

Como te admiro, mi mentor...

Te saluda tu pequeñísimo saltamontes.

adri · **Publicado:** Mié Mar 12, 2008 3:32 pm

Te los has currado It, está muy bien :wink:

It · **Publicado:** Mié Mar 12, 2008 4:18 pm

Erek500 escribió:

Como te admiro, mi mentor...

Te saluda tu pequeñísimo saltamontes.

, casi todo el trabajo lo hizo Esizio, yo solo le dí algo de forma. :wink:

Big Boss · **Publicado:** Mié Mar 12, 2008 7:46 pm

Excelente trabajo, muchas gracias y felicidades a Esizio y a It, por apoyar y publicar este tutorial, que le será muy útil a los novatos en el mundo de los foros (yo me sabía desde hace mucho tiempo estos tips, pero siempre hay novatos que son nuevos en el mundo de los foros phpBB), en realidad quedo muy bien el tutorial y será útil a más de uno.

Un saludo.

JaV!_Cas†r0 · **Publicado:** Mié Mar 12, 2008 9:36 pm

Muchas Gracias Esizio y It, les quedó muy bien esto le ayudará a muchos usuarios nuevos o usuarios que ya están en el foro pero no sabían hacer esas cosas (me incluyo en algunas partes xD) Gracias de nuevo

Saludos.

death metal †sepultura† · **Publicado:** Mié May 21, 2008 7:03 pm

Dios ya iba a preguntar como se hacia eso..gracias por sacarme de la duda....

PandArg · **Publicado:** Sab Mar 21, 2009 11:11 pm

Uan pregunta... como hago para que el link que pongo, tenga el nombre que yo quiero... Por ejemplo cuando alguien coloca un video de Youtube, en lugar de aparecer la URL , se ve el nombre que uno colocó...

Gracias...

PD: Leí, pero no se muy bien cual de todas es... :oops:

ESIZIO · **Publicado:** Dom Mar 22, 2009 2:18 am

It escribió:

1. Botón URL: Sirve para colocar un enlace directo a alguna pagina o video, en un texto que haga referencia a el, el texto con la url aparecerá color negro.

Está aquí ubicado:

Código:

[url]Aquí la Dirección que deseas postear[/url]

Queda así: [url]http://Aquí la Dirección que deseas postear.com[/url]

¿Por qué utilizarla y no solo copiar la dirección? Entre otras funciones, sirve para que redirijas y enlaces correctamente a donde quieres.

Además, con ésta puedes editar algunas funciones, como por ejemplo que en lugar que aparezca la dirección, solamente una palabra así:

Código:

[url=(Aquí debe ir la Url)](Aquí el texto que llevara la url)[/url]

Ejemplo práctico: Si deseas que aparezca BBC en un link de la BBC que normalmente sería:

http://news.bbc.co.uk/hi/spanish/learn_ ... efault.stm, haces lo siguiente:

Código:

[url=http://news.bbc.co.uk/hi/spanish/learn_english/default.stm]BBC[/url]

Una vez lo hayas hecho el link aparecerá solamente como BBC de color negro y al hacer clic sobre él, redirigirá a la página.

Queda así:
BBC

Es una función muy importante para direcciones largas o para dejar bonitos tus posteos.

Es esa PandArg.

PandArg · **Publicado:** Dom Mar 22, 2009 9:37 am

Uh!...Gracias... ya me saqué la duda..

Calipop · **Publicado:** Dom Dic 13, 2009 6:26 pm

Muy Buen Tutorial te felicito.

Ehsoa · **Publicado:** Mar Jul 27, 2010 10:25 am

Actualización a 27 de julio de 2010 - 27/07/2010, acorde a la tercera versión del foro.

Con la aprobación del Webmaster e It, he actualizado completamente desde cero el tutorial de funciones básicas del foro, contiene todo el panel de mensajes, falta el menú de encuesta que he omitido porque no tiene misterio alguno (aparece solamente al crear un tema).

Guardo el tutorial para futuras modificaciones o pérdidas de datos.

Post oficial - Tutorial: funciones básicas del foro

¿Quién está conectado?