Guia Completa BBCode / Todo BBCode

Antes de nada os decimos que muchos de estos codigos se pueden ejecutar con los botones de arriba del cuerpo para escribir, esto es solo una ayuda para aprender a usarlos, si quereis saber para que es cada boton de encima del cuerpo del mensaje, leed el post 'botones'.

¿Que es BBCode?
BBCode es una implementación especial del HTML, la forma en la que BBCode se usa es determinada por el administrador, e smuy similar al HTML, las etiquetas van entre corchetes [y]. El BBCode te permite un mejor control a la hora de publicar cosas, ya que te permite varias opciones, como poner en negrita datos importantes o agrandar titulos.

Modificacion de la apariencia del texto.
La modificacion de apariencia de tu texto te permite modificar el como saldra el texto. Puedes usar estos codigos:
Negrita

Código:
Resultado


Resultado
Cursiva (italiana)

Código:
Resultado


Resultado
Subrayado

Código:
Resultado


Resultado
Rayado

Código:
Resultado


Resultado

Esconder texto
Esconder texto usando SPOILER
SPOILER oculta tu texto a menos que clickees en 'SPOILER' Codigo:

Código:

Spoiler:

Spoiler:
Resultado



Esconder texto usando HIDE
HIDE oculta tu texto a menos que un usuario normal postee en el tema. Solo miembros del staff y clientews V.I.P podran ver el contenido sin necesidad de postear.

Código:



Se debera dar un aviso de que el texto ha sido ocultado, ya sea escribiendo un mensaje o ya sea usando nuestro emoticono creado especialmente para esto.

Citar texto o citar texto de una persona (QUOTE)
Citando texto sin citar a ninguna persona
Citar un texto sin citar a una persona coloca un texto en el cuadro de citamiento sin que se cite a ninguna persona. Usa este codigo:

Código:

Resultado

Resultado


Citando texto de otra persona
Normalmente citar lo que alguien dice es para formular tu duda respecto a ese mensaje o responder la duda formulada en ese mensaje. Si quieres citar lo que dijo alguien, tienes que poner su nombre entre comillas despues de un = despues de quote:

Código:

Nombre del usuario al que citas escribió:Mensaje del usuario citado

Stewie escribió: Resultado


Es importante poner el nombre entre comillas ("nombre"), si no el codigo no sera reconocido y no se ejecutara.

Codigo
Codigo permite guardar varios codigos (HTML, CSS, BBCode...) sin que se ejecuten. Para ello usa este codigo:

Código:

Código:

 Codigo

Código:
Resultado



Creando listas
Hay dos tipos de lista: la desordenada y la ordenada.
Creando una lista desordenada
Para poner una lista desordenada, usad el siguiente codigo:

Código:

,
poniendo
[*] para cada parte de la lista:

Código:

• Vaca
  
• Cerdo
  
• Pollo
  

Quedaria esto:


* Vaca
* Cerdo
* Pollo

Creando una lista ordenada
Hay dos tipos de listas ordenada: la numerica y la alfabetica.
Creando una lista ordenada numerica
Usa este codigo:

Código:

,
usando
[*] para cada parte de la lista:

Código:

1. Vaca
   
2. Cerdo
   
3. Pollo
   

Quedaria asi:


1. Vaca
2. Cerdo
3. Pollo

Creando una lista ordenada alfabetica
Para ello, usa este codigo:

Código:

,
usando
[*] para cada parte de la lista:

Código:

1. Vaca
   
2. Cerdo
   
3. Pollo
   

Quedaria asi:


1. Vaca
2. Cerdo
3. Pollo



Colocar imagenes en tus posts
Para poner la imagen, necesitaras subirla a la web y obtener la url de la imagen (las imagenes puedes subirlas a Imageshack ) y despues usas este codigo:

Código:




Poner enlaces (URLs)
El BBCode soporta varias formas para crear link, más conocidos bajo el siglo URL.
Primer metodo
En el primer metodo, para crear un link, por ejemplo, a Psycodelik Style, puedes usar:

Código:
¡Visita Foro Art!


¡Visita Foro Art!
Segundo metodo
Otra forma es:

Código:

http://foroart.foroes.org/forum.htm/


Links magicos
Este foro tiene tambien Link Mágicos, por ejemplo, si teclea http://foroart.foroes.org/forum.htm en su mensaje aparecerá automáticamente como link.

Posicionamiento del texto
Hay cuatro formas de posicionamiento.
Izquierda:

Código:
*texto*


*texto*
Centrado:

Código:



*texto*

Derecha:

Código:



*texto*

Justificado:

Código:



Tu texto quedara justificado.

Añadir animacion flash al post
Hay dos metodos para insertar una imagen flash en el mensaje.
il BBCode flash

Código:

[ flash (200,40)] https://illiweb.com/fa/i/foroactivo.swf [/flash]



il BBCode embled-flash

Código:

[ embed-flash (200,40)] https://illiweb.com/fa/i/foroactivo.swf [/embed-flash]


Importante poner altura y anchura [embed-flash(200,40)], si no el codigo no funcionara, y hay que poner las medidas entre parentesis.

Añadir un video al post
Puedes postear los mensajes que encuentres en estos dos sitios. Los videos van en su respectivo foro, Foro Videos Web.
Subir videos desde Youtube.
Usa este codigo:

Código:
[youtube]codigo del video[/youtube]


El codigo del video se encuentra en la barra de direcciones.
Subir videos desde Dailymotion
Usa este codigo:

Código:
[dailymotion]code – lector portátil[/dailymotion]



Poner indice o exponente
Para poner indice o exponente (util en las matematicas), usa estos dos codigos:
Poner indice

Código:
x_a+b


xa+b
Poner exponente

Código:
x^a+b


xa+b

Insertar linea horizontal
Para escribir un mensaje, poner una linea y poner el segundo mensaje, usa este codigo BBCode:

Código:
Mi primer mensaje

---

Mi segundo mensaje


Quedara algo asi:
Mi primer mensajeMi segundo mensaje

Desplazamiento de un mensaje
Puedes desplazar el mensaje de dos maneras: horizontal y verticalmente.
Desplazamiento horizontal del mensaje
Si quieres desplazar un texto horizontalmente, tienes que utilizar el BBCode siguiente :

Código:
Resultado


Resultado

Desplazamiento vertical del mensaje
El segundo modo de desplazar un texto es verticalemente gracias al BBCode siguiente :

Código:
Resultado


Resultado


Obtener numero aleatoriamente
Puedes utilizar estos codigos BBCode para obtener numeros aleatorios:
Primer metodo
Primer caso de utilización, se especifica el intervalo al mínimo y máximo :

Código:

Número aleatorio (50,100) : 76

Número aleatorio (50,100) : 99


Segundo metodo
Segundo caso de utilización,se especifica el intervalo al máximo:

Código:

Número aleatorio (1,20) : 8

Número aleatorio (1,20) : 12



Crear una tabla en el mensaje
EL BBCode para insertar una tabla en un mensaje está idéntico a las
balizas utilizadas HTML. Para crear una tabla, tienes que empezar por
definir una tabla ’table’ luego insertarle una línea ’tr’. Esta línea
puede contener una o varias celdas ’td’, así como una tabla puede
contener varia líneas ’tr’.
Crear tablas sin bordes
Por ejemplo, para crear una tabla de dos líneas y de tres columnas sin bordes, tienes que hacer así :

Código:

Línea 1 - Celda 1	Línea 1 - Celda 2	Línea 1 - Celda 3
Línea 2 - Celda 1	Línea 2 - Celda 2	Línea 2 - Celda 3

Línea 1 - Celda 1 Línea 1 - Celda 2
Línea 1 - Celda 3
Línea 2 - Celda 1
Línea 2 - Celda 2 Línea 2 - Celda 3

Crear tablas con bordes
Puedes también añadir argumentos en el BBcode ’table’. Estos últimos
están identicos a los utilizados para el HTML. Puedes por ejemplo
añadir un contorno a la tabla encima gracias al atributo’border’.

Código:

Línea 1 - Celda 1	Línea 1 - Celda 2	Línea 1 - Celda 3
Línea 2 - Celda 1	Línea 2 – Celda 2	Línea 2 - Celda 3

Línea 1 - Celda 1 Línea 1 -
Celda 2 Línea 1 - Celda 3
Línea 2 -
Celda 1 Línea 2 – Celda 2 Línea 2 - Celda 3

Otros atributos disponibles: cellspacing, cellpadding, width, etc.
Tienes que utilizar las tablas con precaución, respeta bien la apertura
y el cierre de los BBcodes. Si hay una error de apertura o de cierre,
no obtendrás lo que quieres.
Saludos.- y espero que os sea util ^^

Saludos.-

Muevo ala papelera esto no va aquí