Dar formato a los mensajes (I): ¿BBCode?

Osezno · Fiel Registrado: Feb 06, 2003 Mensajes: 796 Ubicación: Madrid

Hola 2Caballer@s:
Cuando entrais a crear un nuevo mensaje (ya sea respuesta o nuevo mensaje) teneis muchas opciones para formatear el texto y enfatizar lo que escribis, porque leer un texto largo sin formato sinceramente es un coñazo Guiño

, vamos a ver que se puede hacer:
Las instrucciones que da el portal las tenemos en un enlace que si os fijais está ahí abajo a la izquierda cuando editais o creais un mensaje, donde pone BBCode (BBCode es precisamente esta manera de codificar el formato):
Opciones
HTML está ON
BBCode está ON
Smilies están ON
Leeroslas, lo que yo hago para dar formato es lo siguiente:
Paso 1: Escribir todo el texto Sin Formato
Paso 2: Marcar con el raton (ya sabeis, resaltadas en azul) las palabras o frases que se quieren formatear y con ellos seleccionados, pulsar el boton correspondiente, con eso se introducen de una sola vez el código de apertura y el de cierre y no quedan códigos "abiertos"
Paso 3: Abajo de la ventana de edición-redacción existe un botón llamado Vista Preliminar, si le dais esperais unos segundos, aparece una página con la vista tal como se verá el mensaje (los códigos traducidos a formato) y abajo otra vez la ventana de edición-redacción, puedes seguir el proceso desde el paso 2 tantas veces como quieras.
El paso 3 lo podeis repetir tantas veces como querais
Paso 4: Pulsar enviar
Paso 5: Caso de haberte confundido y si lo ves una vez enviado, Edita el mensaje y repite el proceso desde el paso 2

Osezno · Fiel Registrado: Feb 06, 2003 Mensajes: 796 Ubicación: Madrid

Hola 2Caballer@s:
Siguiendo con el tema
+Los botones formateadores son los 7 primeros que aparecen justo encima de la ventana de edición-redacción, más los menús desplegables color y tamaño.
+Los botones Img y URL no son formateadores de texto y los veremos aparte luego.
Boton B: Bold o Negrita
Introduce un código [b ]ejemplo[/b ] cuyo resultado es ejemplo
Boton i: Italic o Cursiva
Introduce un código [i ]ejemplo[/i ] cuyo resultado es ejemplo
Boton u: Underline o Subrayado
Introduce un código [u ]ejemplo[/u ] cuyo resultado es ejemplo
Boton Quote: Cita propia o ajena
Introduce un código [quote ]ejemplo[/quote ] cuyo resultado es una cita propia:

Osezno · Fiel Registrado: Feb 06, 2003 Mensajes: 796 Ubicación: Madrid

Hola 2Caballer@s:
Por último nos queda introducir enlaces e imágenes con elegancia, podremos insertar lo siguiente:
-Enlace cuyo texto es la dirección web
-Enlace cuyo texto es distinto a la dirección web
-Imagen
-Imagen con un enlace a la web

Enlace cuyo texto es la dirección web
Escribimos una dirección html correcta, que podemos cortar y copiar de un navegador para aseguranos mejor de que funciona, por ejemplo: http://www.doscaballos.org/modules.php?name=Forums&file=faq&mode=bbcode
...como apreciais, ya directamente sale como un enlace de internet que se puede pulsar...
Enlace cuyo texto es distinto la dirección web
Escribimos una dirección html correcta, que podemos cortar y copiar de un navegador para aseguranos mejor de que funciona, como antes ...seleccionamos toda la dirección y pulsamos el botón URL con lo que tenemos:
[url]http://www.doscaballos.org/modules.php?name=Forums&file=faq&mode=bbcode[/url ] ... ahora viene el truco.
Se quita el corchete ], el que va tras url y se escribe =, y justo delante del [/url ] se escribe un corchete ] y seguido de él el texto que queremos que aparezca como enlace... osea que quedaría así (resaltando los cambios en azul):
[url=http://www.doscaballos.org/modules.php?name=Forums&file=faq&mode=bbcode]ejemplo[/url ] y el resultado es este enlace ejemplo
Insertar una Imagen
Escribimos una dirección html correcta, que podemos cortar y copiar de un navegador para aseguranos mejor de que funciona, por ejemplo: http://www.doscaballos.org/for.gif ...seleccionamos toda la dirección y pulsamos el botón Img con lo que tenemos:
[ img]http://www.doscaballos.org/for.gif[/img ]
cuyo resultado es:

Imagen con un enlace a la web
Se trata de combinar o "superponer" los códigos de img y url de la siguiente manera, partiendo de los enlaces vistos y de la manera vista de proceder quedaría:
[url =http://www.doscaballos.org/modules.php?name=Forums&file=faq&mode=bbcode][img ]http://www.doscaballos.org/for.gif[/img ][/url ]
cuyo resultado es una imagen sobre la que se puede pinchar para ir a un enlace:

Recordad que siempre podeis ayudaros del boton Vista Preliminar y que aún si habeis enviado ya el mensaje y está mal lo podeis editar

Un saludote y que no se os empache todo esto!!

Xabi · Publicado: Mie Oct 15, 2003 12:19 pm **Asunto**:

En una palabra y media:
Aco jonante

Vicman · Publicado: Mie Oct 15, 2003 1:15 pm **Asunto**:

Cuando mister Osezno se pone... no tiene rival!!! 8)

Osezno · Fiel Registrado: Feb 06, 2003 Mensajes: 796 Ubicación: Madrid

Hola 2Caballer@s:
Se me olvidó deciros que para los más atrevido y osados Guiño

, podeis combinar los códigos metiendo uno dentro de otro tantas veces como querais, os muestro un ejemplo heavy de combinación, enlace a internet incluido 8) :

[quote ="Confucio"][url =http://www.doscaballos.org][size =18][color =blue][ u][ i][ b]Tampoco hace falta que mezcleis todo leñe !!![/b][/i][/u][/color][/size][/url][/quote]

Que queda así:

Paco2CV · Publicado: Vie Oct 17, 2003 12:45 am **Asunto**:

Juerrrrrrrrrrr. Ya tengo el motivo para la próxima concentración: 1º encuentro informático para 2CV. Y el caso es que despues, cuando lo has conocido (a Osezno), es un tipo normal, simpático y gracioso. Palabra de Ventilador.

2cvamarillo · Fan Registrado: Jan 07, 2003 Mensajes: 1021

Jodderrrrrrrrr que miedo¡¡¡¡¡¡
Yo estuve comiendo con Osezno un domingo y me pareció un tio normal, más que normal: agradable, educado, simpatico, culto, una persona encantadora...para nada dejó entrever que bajo esa apariencia normal se escondia un monstruo....
Lo que hay que ver...
Un abrazo Osezno, me tienes alucinao.
Muy Contento