Buenas aquí voy a dejar una guía básica y avanzada sobre los BBcodes y su uso.
Empecemos.
Si copian y pegan esta guía por favor pongan su fuente (esta) o la de mi otro foro (vale, ya no hago más spam)Los BBcodes se llevan usando en los foros desde hace bastante tiempo, en los phbb al principio, pero al coger tanta fama "dominaron" más servidores de foros.
los BBcodes son como el HTML, pero más sencillo.
Reglas[/color][/font]
- Recuerden siempre cerrar Tag, no es lo mismo que o .
- muchos códigos html y css no son compatibles con bbcodes, por cuestiones de formato y a veces seguridad
______________________________________
Índice[/font]- Formato del texto
- Tamaño del texto
- Formato de fuente
- Colores
- Colores en hexadecimal
- Links
- Imágenes
- E-mail
- Quote, Code, HTML, SQL
- List
- Spoiler
______________________________________
Lista de BBcodes:[/font]______________________________________
Formato del textoNegrita - negrita, texto más grueso
[B]contenido del texto en negrita[/B]
Cursiva - Cursiva, texto más curvado
[I]contenido del texto en Cursiva[/I]
Subrayado - texto con línea abajo, para resaltar el texto
[U]contenido del texto en subrayado[/U]
tachado - texto con una línea en medio, no confundir con subrayado
[S]contenido del texto en tachado[/S]
superíndice - texto que está más arriba que normalmente
[sup]subíndice[/sup]
subíndice - texto más abajo que normalmente
[sub]subíndice[/sub]
-------------------------------------------
Tamaño de textobásicamente hay tres: small (pequeña), large (grande) y largest (gigante)
ej:
texto smalltexto large [SIZE=14]texto largest [/SIZE]
[SIZE=1]texto small[/SIZE]
[SIZE=7]texto large [/SIZE]
[SIZE=14]texto largest [/SIZE]
y podria ponerse aún más grande, solo modificando los numeros del primer tag
[SIZE=23]texto a tamaño 36[/SIZE]
[SIZE=36]texto a tamaño 36[/SIZE]
------------------------
Formato de fuenteTimes - texto en fuente Times
[FONT=times]times[/FONT]
Arial - Texto en fuente Arial
[FONT=ARIAL]Arial[/FONT]
courier - texto en fuente courier
[FONT=courier]courier[/FONT]
impact - texto en fuente Impact
[FONT=impact]impact[/FONT]
geneva - texto en fuente Geneva
[FONT=geneva]geneva[/FONT]
optima - texto en fuente optima
[FONT=optima]optima[/FONT]
comic sans ms - texto en fuente comic sans
[FONT=comic sans ms]Comic sans ms[/FONT]
calibri - texto en fuente calibri
[FONT=calibri]calibri[/FONT]
Franklin Gothic Medium - texto en fuente Franklin Gothic Medium
[FONT=Franklin Gothic Medium]Franklin Gothic Medium[/FONT]
Times new roman - texto en fuente Times new roman
[FONT=Times new roman]Times new roman[/FONT]
hay muchas más fuentes, solo hay que cambiar la fuente del código a una que se quiera. Las fuentes que no tengan los demás usuarios la verán distintas (ej: la fuente akbar, algunos la ven como times new roman
-----------------------
Alineación de texto[align=right]texto a la derecha [/align]
[align=right]texto a la derecha [/align]
[align=center]texto centrado[/align]
[align=center]texto centrado[/align]
------------------------
ColoresNegro =
negro
Marrón =
marrón
Granate =
granate
Rojo =
rojo
Naranja =
naranja
Amarillo =
amarillo
Oliva =
oliva
Verde claro =
verde claro
Verde oscuro =
verde
Verde azulado =
verde azulado
Azul claro =
azul claro
Azul marino =
azul
----------------------------
Colores en hexadecimal----------------------------
lo único que hay que hacer es reemplazar la palabra del color del tag (ej: blue, aqua, green, etc) por un número hexadecimal
ej:
texto en color hexadecimal #CC99FF[COLOR=#CC99FF]texto en color hexadecimal #CC99FF[/COLOR]
Consulta esta lista de colores hexadecimales para hacer los codigos ------------------------------
Linkshttp://www.google.es/http://www.pokexperto.net/http://www.google.es/
http://www.pokexperto.net/
para poner links directamente se debe escribir el http:// para que se activen, sino, no funcionará
para ponerlo, click en
se abrirá una ventana nueva en la que deberás poner el link.
pulsa enter o aceptar y ahora deberás poner el titulo del link
ej:
Google[URL=http://google.es]Google[/URL]
------------------------------
ImágenesDeberás subir la imagen que deseas a un hosting para ponerlas URL como
Photobucket o
ImageshackLas imágenes aquí van con url
pulsa en
y coloca la URL de la imagen
o bien así
[IMG]http://i318.photobucket.com/albums/mm418/jimmy_95_2008/Dibujo32e.png[/IMG]
----------------------------------
E-mailesto poco se usa, y es un link que al clickearlo aparece el .exe que se tiene para mandar correo (outlook, windows live mail, etc)
pulsa en
y a continuación pon el e-mail.
-----------------------------------
QuoteBásicamente el Quote es exactamente decir algo que dijo otro.
Hay varias formas:
Pulsa
y pon lo que quieras poner y vuelve a pulsar
, para cerrar tag.
O bien pulsa en
de un post tuyo o de otro usuario de un topic para quotearlo entero (puedes modificarlo también)
Ej:
este es un quote. no olviden cerrar el tag
----------------------------------
HTMLel tag HTML es para poner codigos HTML,
no para hacer que hagan efecto, eso sería [doHTML] tag.
el botón es añadido, antes no estaba, se añadió con un script. El botón está justo debajo de @ y nada más que pone las tag. Pon el codigo HTML entre las tags
EJ:
este es el codigo HTML:
<span style="background-color: #FF0000">para que aprendan de HMTL</span>
-----------------------------------
Codeexactamente igual que el Quote, además está al lado de él
Ej:
contenido del code
-----------------------------------
SQLpara bases de datos con SQL
Ej:
[SQL]SELECT t.tid FROM a_table t WHERE t.val="This Value"[/SQL]
el las tags serían
[sql][/sql]
-------------------------------------
Listhay diferentes tipos de list:
así
[list][*]List Item [*]List Item[/list]
[LIST=1]
[list=1][*]List Item [*]List Item[/list]
[LIST=a]
[list=a][*]List Item [*]List Item[/list]
[LIST=i]
[list=i][*]List Item [*]List Item[/list]
podría haber más tipos, pero dejenme investigar primero :wink:
------------------------------
Spoilereste es un tag opcional que va con scripts. Se lo di yo a Melkor =P
simplemente, delen a spoiler y aparecerán las tag
[spoiler]Contenido del spoiler[/spoiler]
también se pueden hacer spoilers en cadena.
[spoiler]hola[spoiler]Contenido del spoiler[/spoiler][/spoiler]
----------------------------