ÍNDICE

Introducción

¿ Qué es BBCode ?
Es un sistema de codificación que permite enriquecer un texto con multitud de funcionalidades de un modo rápido y sencillo.

¿ Tenemos BBCode en este foro ?
Si. Ese es el motivo de esta explicación.

¿ Qué cosas permite BBCode ?
Seguramente BBCode permite muchas cosas pero las que nos interesan a todos son las más básicas.
Textos en Negrita, subrayados, cambios de tipo de letra, color y tamaño ( fonts ), incluir hipervínculos ( Links ), incluir emoticonos, incluir fotografías, incluir citas... etc.

Conociendo éstas pocas cosas ( o utilizando los botones automáticos ) podemos dotar a nuestros posts de un aspecto inmejorable.

Antes de nada, decir que NO ES NECESARIO APRENDER DE MEMORIA NADA, simplemente conviene leerlo para comprender cómo funciona y así que nos resulte mucho más fácil utilizar los botones automáticos y corregir algún texto si fuese necesario.


Modo de empleo
Has 2 modos de utilizar BBCode.

1. Escribiendo el código que corresponda directamente.

2. Dejando que las herramientas ( botones ) del foro, lo escriban por nosotros. En este caso, una vez escrito, seleccionamos con el ratón la porción de texto sobre la que queremos operar, y una vez seleccionado, pulsamos el botón de la funcionalidad que deseemos. El código adecuado aparecerá escrito.

Todas las funcionalidades de BBCode que nos interesan se escriben usando el mismo sistema.
- Se indica el comienzo de la funcionalidad deseada. Entre corchetes.
- A continuación se escribe el texto sobre el que deseamos dicha funcionalidad.
- Por último , se indica el fin de la funcionalidad. También entre corchetes. Del mismo modo que se indicó el comienzo pero añadiendo una barra.


Si se desea combinar varias funcionalidades en un mismo bloque de texto, es tan fácil como iniciar todas ellas, despues incluir el texto y despues finalizar todas las funcionalidades.




Texto en Negrita.
( El Código de Negrita es "b" )
- Iniciamos código de negrita
- A continuación el texto
- Finalizamos código de negrita

El resultado es:
Texto a poner en Negrita


Texto en Cursiva
( El Código de Cursiva es "i" )
- Iniciamos código de cursiva
- A continuación el texto
- Finalizamos código de cursiva

El resultado es:
Texto a poner en Cursiva


Texto subrayado
( El Código de Subrayado es "u" )
- Iniciamos código de Subrayado
- A continuación el texto
- Finalizamos código de subrayado

El resultado es:
Texto a subrayar


Texto en Grande y de color Verde
( El Código para cambiar el tamaño es "size=" indicando un número para el tamaño)
( El código para cambiar de color es "color=" indicando el nombre del color en inglés )
- Iniciamos código de tamaño
- Iniciamos código de color
- A continuación el texto
- Finalizamos código de tamaño
- Finalizamos código de color

El resultado es:
Texto a poner en Grande y verde


Ahora todo a la vez

El resultado es:
Todo a la vez


Citas ( Quotes )
"Citar" es hacer un recorte de un texto ( por ejemplo de una respuesta de un mensaje ) y colocarlo en nuestra propia respuesta.
La codificación de las Quotes funciona exactamente igual que todo lo que hemos visto hasta ahora.
El código es "quote"
Veamos un ejemplo.

El resultado es:


El modo de utilizar las citas sin escribir código es utilizar el botón "citar".
Esto provoca que se abra una contestación nueva en la que ya viene escrita la cita completa de la respuesta sobre la que hemos pulsado "Citar".
A partir de este punto, si no deseamos la cita completa sino sólo una parte, bastará con eliminar la parte no deseada.


Hipervínculos ( Links )
Un Link es una porción de texto que aparece subrayada y de color diferente, y que al pinchar sobre ella, da acceso a otra dirección, bien sea ir a otra página, a otra parte de la actual, a ver una imagen, a descargar un video, etc.
La codificación sigue el mismo patrón que hemos visto hasta ahora.
El código es "url"
Sin embargo, existen en este caso podemos hacerlo de 2 modos:

Modo 1. ( normal )

El resultado es:
http://forodestierro.forogratis.es

Modo2. ( Sustituyendo el texto por un reclamo )

El resultado es:
PINCHE AQUI



Incluir fotos ( imágenes )
El código es "img"
Veamos un ejemplo.

El resultado es:



Listas sin índice
Sirve para crear una lista. Los elementos aparecerán en el mismo orden en que se escriban, colocadas verticalmente y con una pequeña viñeta a la izda.
El código es "list"
Los elementos se separan con asteriscos entre corchetes.
Veamos un ejemplo.

El resultado es:

• Uxia
• Zita
• Monikam

Listas Con índice
Sirve para crear una lista a la que automáticamente se le incluye un índice, numérico o alfabético.
El código para índice numérico es "list=1"
El código para índice alfabético es "list=a"
Los elementos se separan con asteriscos entre corchetes.
Veamos un ejemplo.

El resultado es:

1. Oceanía
2. Europa
3. América

NOTA: Aunque los creadores de BBCode llaman a estos 2 últimos puntos "Listas desordenadas" y "Listas Ordenadas", lo cierto es que en ningún caso se autoordenan. Esperamos que en próximas versiones si dispongan de esa funcionalidad.


Emoticonos ( Smilies )
Son esos muñequitos que expresan sensaciones, que usamos para enriquecer nuestros textos.
La codificación en este caso es particular de cada emoticón,por eso lo más fácil es usar los botones para incluirlos directamente.

Ejemplos:

:D :o : :twisted: : :malo: :risa: : :mono: :ummm: :enfadado: : :dummy:
: :arrgh: :bling: :chilled: : :crazy: : :chicomalo: :goggles: :sorpresa: :enamorado: :ninja: :ooh: :piño: :sonrisa:



Bueno, espero que esta recopilación ayude algo. Cualquier mejora será bien recibida.
Clases particulares de BBCode baratitas en horario extraescolar.

Perfecta explicación... OOOOLE

_________________
El Amor es Eterno... Siempre Te Querremos Oli.

HOLA, muy bien, pero ya que estas y te veo tan puesta, me podias explicar como poner, esas frases que os aparecen debajo de las respuestas, o esas relitas tan monas de cuenta atrs? es que soy muy nueva en esto del foro y voy un poco perdida, lo he intentado pero me da error y me desespero, tambien he intetado lo de las fotos y no me deja. porfa ayudame...
PD: has visto y me he aprendido la leccion anterior.

Las frases que aparecen debajo de los post son la firma. Si editas tu perfil



Y pones la frase que quieras en el campo firma y guardas los cambios ya tienes tu frase puesta.



Lo de las fotos veo que no hay ningún tutorial, voy a postear uno, y ahora edito y te pongo la url. De momento apuntate esto para fotos que ya están colgadas en la red



EDITO: aqui tienes la url del post de como subir imagenes al foro

http://forodestierro.forogratis.es/foro ... 926#562926

Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta. pongo una fotito pa probar

uys lusa esa no se sube

_________________
El Amor es Eterno... Siempre Te Querremos Oli.

Lybrana, he puesto este hilo como post-it, porque me parece muy interesante, así no se va abajo.

_________________
Hay vida antes del café...?

Gracias , ya tengo claro lo de las fotos de internet, voy a ver el post, que ya veo que esta.

Le faltaba http:// a las propiedades de la imagen...

_________________
Hay vida antes del café...?

lo habia probado antes asi y no me salia uxia... k raro algo faltaria jajaja

_________________
El Amor es Eterno... Siempre Te Querremos Oli.

gracias, ya tengo claro las fotos de internet, voy a ver el otro post

madre mia la que he lio, el ordenador se me quedaba bloqueado y pensaba que nohabian llegado los mensajes, que desastre

Gracias Uxia, pensé que sería interesante para todas.

Muy interesante , gracias lybrana.

que bien me viene!

muchas gracias por el post

Lybrana gracias por este post. Yo tengo un problema para subir imágenes. Cuan intento subir una foto de internet pincho en el mousse y me salian varias opciones de la imagen, cual debo coger?? porque no soy capaz de subir ninguna

Hola Majoba....yo no se mucho de esto...pero cuando quiero copiar algo, le doy al boton derecho del mousse y la que escojo es la que dice copiar la ruta de la imagen, luego pongo y en medio pego la ruta que copie...y ya esta....

_________________
Mis gatos acompañan mi vida, dejando las huellas de sus patitas impresas en mi corazón

He aprendido que debemos mantener nuestras palabras tiernas...porque quizá mañana nos veamos obligados a masticarlas

he aprendido que las personas afines llegan a mi vida lenta pero inexorablemente atraídas por un magnetismo extraño...y derivamos unos cerca de otros hasta que nuestras órbitas se tocan y se convierten en parte de mi universo

Gracias felina, voy a probar

No soy capaz de poner imágenes
Cuando doy al botón izquierdo del mousse en una imagen, salen varias opciones. copiar imagen, copiar url de la imagen..... cual debo pinchar?? y en el mesaje debo poner esa dirección entre corchetes de imagen o url??

No sé si varía según navegador o depende de algo más... Con Mozilla: botón derecho, Ver información de la imagen (la última, creo); cuando carga ese formulario, copias lo que aparece en Dirección (en la zona atenuada, encima de Tipo) y lo pegas entre [img]e[/img].

Con Explorer, Propiedades, copias lo que aparece en Dirección URL y lo pegas entre los mismos corchetes.

_________________

Esto es Gloria