[GUÍA] Códigos BBcode

por **Reino traicionero** Mar Mar 25, 2014 6:05 pm

►¡Bienvenidos a la Guía de Códigos BBCode!◄

¿Aun no sabes cómo se utilizan estos códigos y quieres darles un toque más especializado a tu post? ¿Agregar un color a las letras o ponerlas en negrita o cursiva? ¿Te desesperas mucho porque no logras el resultado deseado? ¡Aquí estás en el lugar correcto! Te enseñaremos paso a paso cómo utilizar el BBcode para que tus post queden prolijos. Sigue estas indicaciones y descubrirás cómo es sencillo de lo que parece:

> ¿Qué es y con qué se come el BBcode?

Son códigos a base de comandos que sirven para hacer más llamativos los posts, pero igualmente funcionales para editar la firma, el perfil u cualquier parte que desees estilizar. Algo importante –para las que saben de HTML- es que a diferencia de estos códigos, el BBcode usa corchetes ([ ]). Esto es de suma importancia debido a que, de no poner estos signos, el código será completamente inútil.

> ¿Para qué sirve o qué puedo hacer con él?

✻Poner imágenes en los post / firmas / perfiles.
✻Cambiar el color de las letras.
✻Colocar un spoiler.
✻Hacer un 'quote' para poder nombrar algo que ha dicho otro usuario.
✻Alinear el texto.
✻Cambiar el tamaño del texto o la fuente.
✻Mostrar códigos.
✻Mostrar vídeos.

> ¡Empecemos con lo básico!

~ Colores ~

Para poner un texto en color tan solo tendréis que colocar las palabras 'color=(color que queráis)' entre corchetes. Recordad que, al finalizar, tendréis que cerrar este código con la línea '/' y el código que habéis elegido 'color' entre corchetes.

Ejemplo: ¡Que viva el yaoi!

Código:: [color=darkblue]¡Que viva el yaoi![/color]

~ Texto en Negrita ~

Esto hará que vuestra font sea más fuerte y se vea mucho mejor. Es algo que viene muy bien a la hora de querer recalcar algo en vuestro post. Se utiliza la letra “b” entre corchetes. La mayoría del tiempo tiene como uso el resaltar los diálogos de los personajes al rolear.

Ejemplo: Tres tristes tigres

Código:: [b]Tres tristes tigres[/b]

~ Texto en Cursiva ~

Las letras se inclinarán hacia la derecha al utilizar este código. Se utiliza la letra “i” entre corchetes.

Ejemplo: Tragaban trigo en un trigal

Código:: [i]Tragaban trigo en un trigal[/i]

~ Spoilers ~

Esto sirve para poder ocultar parte del texto. Se utilizan especialmente para colocar off rols durante los roles, ocultar información o imágenes o dejar una ficha en el tema. Es obligatorio su uso al postear cualquier tema sensible y tendrás que utilizarlo muy a menudo. De ese modo, solo quien quiere, le da click para abrir y ver el contenido del cuadrito.

Ejemplo:

Spoiler:

Código:: [spoiler]Ola k ase? Abriendo el spoiler o k ase?[/spoiler]

También se puede poner nombre al spoiler para que se sepa de qué estás hablando. Basta con añadir algo similar a cuando ponéis un color u otro.

Ejemplo:

¿Te digo un secreto?:

Código:: [spoiler=¿Te digo un secreto?]A los roedores les gusta el té verde[/spoiler]

~ Centrar texto ~

Así podréis tener vuestro texto centrado ~~no me digas~~. Viene bien a la hora de querer resaltar un título por encima del resto.

Ejemplo:

Oye tú, sí, tú, el que está leyendo esto... qué sexy eres.

Código:: [center]Oye tú, sí, tú, el que está leyendo esto... qué sexy eres.[/center]

~ Citar texto ~

Una herramienta de mucha utilidad en el momento en el que queréis citar algo que ha dicho otro usuario, personaje del juego, etc.

Ejemplo:

Ryuko escribió: Oye tú, sí, tú, el que está leyendo esto... qué sexy eres.

Código:: [quote="Ryuko"] Oye tú, sí, tú, el que está leyendo esto... qué sexy eres.[/quote]

~ Colocar Quote ~

Esta herramienta también te permitirá resaltar en un cuadro de diferente color del post cualquier texto, o imagen, tal como luce el cuadro de arriba a la hora de citar.

Si combináis esta herramienta con la de centrar texto, os aparecerá lo siguiente:

Ejemplo:

Me gusta el chocolate.

Código:: [quote][center]Me gusta el chocolate.[/center][/quote]

~ Tachar texto ~

Este código es para cuando desees que al texto que pongas lo atraviese una línea horizontal. Se suele utilizar para poner algo que querías y no querías decir.

Ejemplo:
Hola ¿qué tal? ~~tu mamá es mi suegra~~ ¿cómo estás?

Código:: Hola ¿qué tal? [strike]tu mamá es mi suegra[/strike] ¿cómo estás?

~ Insertar Imágenes

Para colocar una imagen tan solo tenéis que tener el enlace o link. En otras palabras, debe estar subida a un servidor de imágenes o tomarla de internet. Nunca podréis hacer un link desde vuestro propio ordenador, puesto que el resto de gente no lo verá.

Ejemplo:
[GUÍA] Códigos BBcode 0ce7f35bae0338c51

Shizuo es propiedad de Ryu, lo siento uwu <3

Código:: [img]http://soepic.net/stor/items/0ce7f35bae0338c51.gif[/img]

~ Insertar Videos ~

Con esta herramienta, podréis colocar vídeos de youtube en vuestro post.

Ejemplo:

Código:: [youtube] http://www.youtube.com/watch?v=3V4Tdn4C0Js[/youtube]

~ Vínculo de texto ~

Esto sirve para poder poner un link a una imagen, página o cualquier otro lugar de internet sin tener que dejar el enlace completo.

Ejemplo: Más ayuda con el BBCode

Código:: [url=http://www.multiprogramagratis.com/foro/index.php?topic=39.0]Más ayuda con el BBCode [/url]

En el caso de imágenes:

Código:: [url=Link de la pagina][img]link de la imagen[/img][/url]

~ Códigos ~

Con esto, podréis poner los códigos que habéis visto anteriormente. En otras palabras, sirve para mostrar cómo se debe poner cualquier BBCode sin que éste haga efecto.

(Tan solo tendréis que poner la palabra 'code' entre corchetes, el texto que queráis dentro y después cerrar con '/code' también entre corchetes)

¡Esperemos que les sea de utilidad!

[El contenido de este post fue redactado y editado por Ryuko Tamayori Uchiha. Prohibido el PLAGIO total o parcial de cualquiera de sus partes.
En caso del mismo tus esfínteres serán reventados sin posibilidad de reparación <3]

por **Reino traicionero** Mar Mar 25, 2014 6:29 pm

GUÍA DE COLORES BBCODE

gray
dimgray
lightsteelblue
navyblue
lightslategray
slategray
steelblue
royalblue
cornflowerblue
mediumslateblue
lightslateblue
slateblue
darkslateblue
navy
darkblue
mediumblue
dodgerblue
deepskyblue
skyblue
lightskyblue
lightblue
powderblue
azure
lightcyan
paleturquoise
mediumturquoise
lightseagreen
darkcyan
teal
cadetblue
aqua
cyan
darkturquoise
turquoise
aquamarine
mediumaquamarine
darkseagreen
mediumseagreen
seagreen
darkgreen
darkslategray
darkolivegreen
olive
green
forestgreen
olivedrab
limegreen
yellowgreen
lime
chartreuse
lawngreen
greenyellow
palegreen
lightgreen
springgreen
mediumspringgreen
darkkhaki
gold
khaki
palegoldenrod
blanchedalmond
moccasin
wheat
navajowhite
sandybrown
tan
burlywood
goldenrod
yellow
rosybrown
darkgoldenrod
sienna
saddlebrown
chocolate
peru
darkred
maroon
brown
firebrick
orange
indianred
lightcoral
salmon
darksalmon
lightsalmon
coral
tomato
darkorange
orangered
crimson
red
deeppink
magenta
fuchsia
hotpink
pink
lightpink
mediumorchid
palevioletred
purple
mediumvioletred
darkmagenta
mediumpurple
blueviolet
indigo
darkviolet
darkorchid
orchid
violet
plum

Para más colores (ya que hay infinidad) puedes consultar esta página:
Códigos de colores HTML

Los códigos de colores HTML son los mismos para BBcode, solo sería cuestión de poner un código hexadecimal en vez del nombre del color.
Ejemplo: #FFFFFF es lo mismo que white

Solo es cuestión de sustituir el nombre:

Código:: [color=#FFFFFF]#FFFFFF[/color] es lo mismo que [color=white]white[/color]

Lista de codigos Html:

[GUÍA] Códigos BBcode

[GUÍA] Códigos BBcode
por Reino traicionero Mar Mar 25, 2014 6:05 pm

Mensajes :

139

Edad :

74

Localización :

Mexico

Fecha de inscripción :

26/10/2013

Re: [GUÍA] Códigos BBcode
por Reino traicionero Mar Mar 25, 2014 6:29 pm

Mensajes :

139

Edad :

74

Localización :

Mexico

Fecha de inscripción :

26/10/2013

[GUÍA] Códigos BBcode

[GUÍA] Códigos BBcode por Reino traicionero Mar Mar 25, 2014 6:05 pm

Mensajes :

139

Edad :

74

Localización :

Mexico

Fecha de inscripción :

26/10/2013

Re: [GUÍA] Códigos BBcode por Reino traicionero Mar Mar 25, 2014 6:29 pm

Mensajes :

139

Edad :

74

Localización :

Mexico

Fecha de inscripción :

26/10/2013

[GUÍA] Códigos BBcode
por Reino traicionero Mar Mar 25, 2014 6:05 pm

Re: [GUÍA] Códigos BBcode
por Reino traicionero Mar Mar 25, 2014 6:29 pm