Guía BBCode

El código BBCode es un conjunto de etiquetas basadas en el lenguaje HTML con el cual debes estar ya familiarizado. Estas etiquetas te permiten dar formato a tus mensajes de la misma manera que lo hace el HTML, pero tiene una sintaxis simple y nunca rompera el diseño de las páginas que estés viendo. La habilidad de poder usar las etiquetas del código BBCode está fijada a foro-por-foro por el administrador.

Abajo está una lista de los códigos BBCode que puedes usar para dar formato al texto de tus mensajes en esta web.

Lista de Códigos BBCode
[b], [i], [u], [strike] Negrita / Itálica / Subrayar / Tachado
[color] Color de texto
[size] Tamaño de texto
[left], [center], [right] Izquierda / Centro / Derecha
[ispan] Imagen a la izquierda
[dspan] Imagen a la derecha
[email] Enlazado de email
[url] Enlazado de URL
[img] Añadir imágenes
[code] Código fuente
[php] Código PHP
[cita] Cita textual
[flash] Añadir archivos Flash
Uso incorrecto del BBCode:
  • [url] www.celulaweb.net [/url] - No pongas espacios entre el código puesto entre corchetes y el texto al que le estas aplicando el código.
  • [email]usuario@dominio.com[email] - El cierre de los corchetes debe incluir una barra digonal (/) ejemplo: ([/email])
Negrita / Itálica / Subrayar / Tachado
Las etiquetas [b], [i], [u] y [strike] te permite crear texto que aparecerá en negritas, itálicas, subrayado y tachado.
Uso [b]Valor[/b]
[i]Valor[/i]
[u]Valor[/u]
[strike]Valor[/strike]
Ejemplo de uso [b]este texto está en negritas[/b]
[i]este texto está en cursiva[/i]
[u]este texto está subrayado[/u]
[strike]este texto está tachado[/strike]
Ejemplo de Salida este texto está en negritas
este texto está en cursiva
este texto está subrayado
este texto está tachado
Color
La etiqueta [color] te permite cambiar el color de tu texto.
Uso [color=opcion]Valor[/color]
Ejemplo de uso [color=#FF0000]este texto es rojo[/color]
Ejemplo de Salida este texto es rojo
Tamaño
La etiqueta [size] te permite cambiar el tamaño de tu texto reemplazando las etiquetas <h1>, <h2>, ... y <h6>.
Uso [size=opcion]Valor[/size]
Ejemplo de uso [size=2]este texto es de tamaño 2[/size]
Ejemplo de Salida

este texto es de tamaño 2

Izquierda / Centro / Derecha
Las etiquetas [left], [center] y [right] te permiten cambiar la alineación de tu texto.
Uso [left]Valor[/left]
[center]Valor[/center]
[right]Valor[/right]
Ejemplo de uso [left]este texto está alineado a la izquierda[/left]
[center]este texto está alineado al centro[/center]
[right]este texto está alineado a la derecha[/right]
Ejemplo de Salida
este texto está alineado a la izquierda
este texto está alineado al centro
este texto está alineado a la derecha
Imagen a la izquierda
La etiqueta [ispan] te permiten alinear una imagen a la izquierda de tu texto.
Uso [ispan][img]Valor[/img][/ispan] texto
Ejemplo de uso [ispan][img]http://www.celulaweb.net/images/favicon.jpg[/img][/ispan] imagen alienada a la izquierda de este texto
Ejemplo de Salida imagen alineada a la izquierda de este texto
Imagen a la derecha
La etiqueta [dspan] te permiten alinear una imagen a la derecha de tu texto.
Uso [dspan][img]Valor[/img][/dspan] texto
Ejemplo de uso [dspan][img]http://www.celulaweb.net/images/favicon.jpg[/img][/dspan] imagen alienada a la derecha de este texto
Ejemplo de Salida imagen alineada a la derecha de este texto
Enlazado de Email
La etiqueta [email] te permite insertar un enlace de una dirección de correo electrónico.
Uso [email]Valor[/email]
Ejemplo de uso [email]usuario@dominio.com[/email]
Ejemplo de Salida usuario@dominio.com
Enlazado de URL
La etiqueta [url] te permite enlazar a otro sitios web o archivos. Puedes incluir un parámetro opcional para 'nombrar' el enlace.
Uso [url]Valor sin http://[/url]
[url]Valor con http://[/url]
[url=Opción]Valor[/url]
Ejemplo de uso [url]www.celulaweb.net[/url]
[url]http://www.celulaweb.net[/url]
[url=http://www.celulaweb.net]CelulaWeb[/url]
Ejemplo de Salida www.celulaweb.net
http://www.celulaweb.net
CelulaWeb
Imagen
La etiqueta [img] te permite incluir imágenes dentro de tus temas. También puedes combinar esta etiqueta con la etiqueta [url] para hacer enlaces con imágenes.
Uso [img]Valor[/img]
Ejemplo de uso [img]http://www.celulaweb.net/images/favicon.jpg[/img] (No enlazado)
[url=http://www.celulaweb.net][img]http://www.celulaweb.net/images/favicon.jpg[/img][/url] (Enlazado)
Ejemplo de Salida (No enlazado)
(Enlazado)
Código fuente
La etiqueta [code] cambia a un ancho fijo la letra (monoespaciado) y preserva todo el espaciado.
Uso [code]Valor[/code]
Ejemplo de uso [code]
/*CSS sobre selector de etiquetas*/
body {
font-family: arial;
font-size: 12px;
color: black;
background-color: #cccccc;
}
[/code]
Ejemplo de Salida Código:
/*CSS sobre selector de identificador*/
#header {
background-color: #ff0000;
color: #ffffff;
font-size: 26px;
}
Código PHP
La etiqueta [php] desempeña la misma acción que la etiqueta [code], pero también añade resaltado de sintaxis para el código PHP.
Uso [php]Valor[/php]
Ejemplo de uso [php]
<?php
    echo "Hola mundo!";
?>
[/php]
Ejemplo de Salida
Código PHP:
<?php
    echo "Hola mundo!";
?>
Cita textual
La etiqueta [cita] te permite citar texto que pertenece a alguien más.
Uso [cita]Valor[/cita]
Ejemplo de uso [cita]CelulaWeb.NET[/cita]
Ejemplo de Salida Cita:
CelulaWe.NET
Archivos Flash
La etiqueta [flash] te permite añadir archivos de Adobe Flash en tus mensajes (por ej. videos de YouTube).
Uso [flash=ancho,alto]Valor[/flash]
Ejemplo de uso [flash=425,350]http://www.youtube.com/v/Z7wM-TfBPqA[/flash]
Ejemplo de Salida
Nota: La medida de los archivos flash deben ser las mismas que el original.

Publicidad

Estadísticas

Estadísticas de visitas