La Taberna del Puerto Greatblue360
"Se navega por los astros, por la mar, por la tierra, por las gentes, por los sentimientos...Se navega." Altair
VHF: Canal 77
Regresar   La Taberna del Puerto > Foro > Ayuda

Avisos

Código BB
BB código es un conjunto de etiquetas basadas en el lenguaje HTML que es posible que ya conozca. Le permiten agregar formato a tus mensajes de la misma manera que hace HTML, pero tienen una sintaxis más simple y nunca rompe el diseño de las páginas que usted está viendo. La capacidad de utilizar el código BB está en determinada por el administrador, por lo que deberá verificar el foro en cuanto las normas de publicación de un nuevo mensaje.

A continuación se muestra una lista de las etiquetas de código BB que puede utilizar para dar formato a sus mensajes.
Lista de códigos vB
[b], [i], [u] Negrita / Cursiva / Subrayado
[color] Color
[size] Tamaño
[font] Fuente
[highlight] Resaltar
[left], [right], [center] Izquierda / Derecha / Centrado
[indent] Identación
[email] Enlazado de Email
[url] Enlace a una página
[thread] Enlace a una discusión
[post] Enlace a un mensaje
[list] Lista con viñetas / Listas avanzadas
[img] Imágenes
[code] Código
[php] Código PHP
[html] Código HTML
[quote] Cita
[noparse] Parar el análisis del código BB
[attach] Adjuntos
[google] Video Google
[imglink] imglink
[swf] Flash
[Tab] Tablas
[youtube] Video Youtube
[[s][/s]] Subrayado
incorrect uso de BB Códig:
  • [url] www.example.com [/ url] - no ponga espacios entre el código entre corchetes y el texto que está aplicando el código.
  • [email] myname@domain.com [email] - la final entre corchetes debe incluir una barra inclinada ( [/ email] )

Negrita / Cursiva / Subrayado
Los códigos [b], [i] y [u] te permiten crear texto en negrita, cursiva o subrayado.
Uso [b]valor[/b]
[i]valor[/i]
[u]valor[/u]
Ejemplo [b]este texto está en negritas[/b]
[i]este texto está en cursiva[/i]
[u]este texto está subrayado[/u]
Resultado este texto está en negritas
este texto está en cursiva
este texto está subrayado

Color
El tag de [color] te permite cambiar el color de tu texto.
Uso [color=Opción]valor[/color]
Ejemplo [color=blue]este texto es azul[/color]
Resultado este texto es azul

Tamaño
El tag de [size] te permite cambiar de tamaño el texto.
Uso [size=Opción]valor[/size]
Ejemplo [size=+2]este texto tiene dos veces más tamaño de lo normal[/size]
Resultado este texto tiene dos veces más tamaño de lo normal

Fuente
El tag de [font] te permite cambiar la fuente de tu texto.
Uso [font=Opción]valor[/font]
Ejemplo [font=courier]este texto tiene fuente courier[/font]
Resultado este texto tiene fuente courier

Resaltar
La etiqueta [highlight] te permite dar énfasis a tu texto.
Uso [highlight]valor[/highlight]
Ejemplo [highlight]este texto está resaltado[/highlight]
Resultado este texto está resaltado

Izquierda / Derecha / Centrado
Los tags de [left], [right] y [center] te permiten cambiar la alineación del texto.
Uso [left]valor[/left]
[center]valor[/center]
[right]valor[/right]
Ejemplo [left]este texto está alineado a la izquierda[/left]
[center]este texto está centrado[/center]
[right]este texto está alineado a la derecha[/right]
Resultado
este texto está alineado a la izquierda
este texto está centrado
este texto está alineado a la derecha

Identación
El tag de [indent] te permite identar el texto.
Uso [indent]valor[/indent]
Ejemplo [indent]este texto está identado[/indent]
Resultado
este texto está identado

Enlazado de Email
La etiqueta [email] te permite insertar un enlace de una dirección de correo electrónico. Puedes incluir un parámetro opcional para 'nombrer' tu enlace.
Uso [email]valor[/email]
[email=Opción]valor[/email]
Ejemplo [email]j.doe@example.com[/email]
[email=j.doe@example.com]Clic Aquí para Contactarme[/email]
Resultado j.doe@example.com
Clic Aquí para Contactarme

Enlace a una página
El tag de [url] te permite crear un enlace a otras páginas web o archivos. Puedes además elegir con que texto aparecerá el enlace.
Uso [url]valor[/url]
[url=Opción]valor[/url]
Ejemplo [url]https://foro.latabernadelpuerto.com[/url]
[url=https://foro.latabernadelpuerto.com]La Taberna del Puerto[/url]
Resultado https://foro.latabernadelpuerto.com
La Taberna del Puerto

Enlace a una discusión
El tag de [thread] te permite crear un enlace a una discusión con sólo especificar su id. Puedes además elegir con que texto aparecerá el enlace.
Uso [thread]ID del tema[/thread]
[thread=ID del tema]valor[/thread]
Ejemplo [thread]42918[/thread]
[thread=42918]¡Haz clic![/thread]
(Nota: el ID del Tema/Mensaje es solo un ejemplo y no puede enlazarse a un tema/mensaje.)
Resultado https://foro.latabernadelpuerto.com/showthread.php?t=42918
¡Haz clic!

Enlace a un mensaje
El tag de [post] te permite crear un enlace a un mensaje con solo especificar su id. Puedes además elegir con que texto aparecerá el mensaje.
Uso [post]ID del mensaje[/post]
[post=ID del mensaje]valor[/post]
Ejemplo [post]269302[/post]
[post=269302]¡Haz clic![/post]
(Nota: el ID del Tema/Mensaje es solo un ejemplo y no puede enlazarse a un tema/mensaje.)
Resultado https://foro.latabernadelpuerto.com/showthread.php?p=269302#post269302
¡Haz clic!

Lista con viñetas
El tag de [list] te permite crear listas simples con viñetas. Cada viñeta se marca con un tag de [*].
Uso [list]valor[/list]
Ejemplo [list]
[*]elemento de la lista 1
[*]elemento de la lista 2
[/list]
Resultado
  • elemento de la lista 1
  • elemento de la lista 2

Listas avanzadas
El tag de [list] te permite crear listas avanzadas si especificas una opción. Puede ser 1 (para una lista numerada) o A (para una lista alfabética en mayúsculas) o a (para una lista alfabética en minúsculas) o I (para una lista con números romanos) o i (para una lista con números romanos en minúsculas).
Uso [list=Opción]valor[/list]
Ejemplo [list=1]
[*]elemento de la lista 1
[*]elemento de la lista 2
[/list]

[list=a]
[*]elemento de la lista 1
[*]elemento de la lista 2
[/list]
Resultado
  1. elemento de la lista 1
  2. elemento de la lista 2
  1. elemento de la lista 1
  2. elemento de la lista 2

Imágenes
El tag de [img] te permite insertar una imagen en tu mensaje. Puedes combinar este tag con el de url para crear una imagen con un enlace.
Uso [img]valor[/img]
Ejemplo [img]http://foro.latabernadelpuerto.com/images/statusicon/forum_new.gif[/img] (Sin enlace)

[url=http://www.example.com] [img]http://foro.latabernadelpuerto.com/images/statusicon/forum_new.gif[/img] [/url] (Con enlace)
Resultado (Sin enlace)

(Con enlace)

Código
El tag de [code] conserva la cantidad de espacios que des y toda slas letras se ven del mismo ancho.
Uso [code]valor[/code]
Ejemplo [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Resultado
Código:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

Código PHP
El tag de [php] hace la misma función que el tag de [code] pero te permite dar formato con colores al código. A pesar de que fue diseñado para PHP es útil para otros lenguajes estilo C.
Uso [php]valor[/php]
Ejemplo [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Resultado
Código PHP:
$myvar 'Hello World!';
for (
$i 0$i 10$i++)
{
    echo 
$myvar "\n";


Código HTML
El tag de [html] te permite dar formato con colores a código HTML.
Uso [html]valor[/html]
Ejemplo [html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Resultado
Código HTML:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>

Cita
La etiqueta [quote] te permite citar texto que pertenece a alguien anterior.
Uso [quote]Cita[/quote]
[quote=Nick]valor[/quote]
Ejemplo [quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;2470138]Lorem ipsum dolor sit amet[/quote]
Resultado
Cita:
Lorem ipsum dolor sit amet
Cita:
Originalmente publicado por John Doe
Lorem ipsum dolor sit amet
Cita:
Originalmente publicado por John Doe Ver mensaje
Lorem ipsum dolor sit amet

Parar el análisis del código BB
La etiqueta [noparse] te permite analizar el código vBB.
Uso [noparse][b]valor[/b][/noparse]
Ejemplo [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Resultado [b]Lorem ipsum dolor sit amet[/b]

Adjuntos
La etiqueta [attach] te permite desplegar un adjunto en tu mensaje en vez de ser desplegados abajo como lo es predeterminadamente. Solo desplegará adjuntos que pertenecen al mensaje en el cual es utilizado.
Uso [attach]ID de adjunto[/attach]
Ejemplo [attach]12345[/attach]
Resultado

Video Google
Ejemplo de insertar videos de google en el foro
Uso [google]valor[/google]
Ejemplo [google]3566565421920606917&hl=es[/google]
Resultado

imglink
Use THIS IMGLINKtag to put images with a link in your forum. This allows: [url=link][imglink]urltotheimage[/imglink][/url] ...to work again without The Image Resizer to broke the link.
Uso [imglink]valor[/imglink]
Ejemplo [imglink]../images/misc/rss.jpg[/imglink]
Resultado

Flash
Flash
Uso [swf]valor[/swf]
Ejemplo [swf]flash[/swf]
Resultado

Tablas
Tablas para usar en los mensajes
Uso [Tab]valor[/Tab]
Ejemplo [table]Tabla[/table]
Resultado [table]Tabla[/table]

Video Youtube
Insertar video de youtube
Uso [youtube]valor[/youtube]
Ejemplo [youtube]aXv4YzmGA6Y[/youtube]
Resultado

Subrayado
Uso [[s][/s]]valor[/[s][/s]]
Ejemplo [s]Subrayado[/s]
Resultado [s]Subrayado[/s]


Todas las horas son GMT +1. La hora es 09:03.


Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
© La Taberna del Puerto