Como usar bbcode?
El tutorial les va a comentar mas o menos como tienen que hacer para que los post que deseen les queden lindos y asi todos puedan agregar noticias y demas de manera que quede copada en el foro. Empecemos:
NOTA: Todo lo que esta dentro del codigo va sin comillas, logicamente
1. Centrar:Tema simple, tratamos de centrar todo lo que sea imagenes, videos y titulos, con el objetivo de mantener una presentacion estetica mas pulida. El codigo para centrar es el siguiente:
Código:
[center]"aca va lo que queres centrar"[/center]
2. Titulos:Normalmente cuando la noticia es relevante le ponemos un titulo que refleje la noticia en si. Lo mismo lo hacemos cuando abrimos un nuevo thread. El codigo es simple y autosuficiente, es decir, no hay que agregarle nada mas que eso:
Código:
[title]"aca va el titulo que queres poner"[/title]
3. Formato de las letras:Las letras se pueden modificar tanto en tamaño como en color. Para una breve demostracion les voy a poner el codigo y abajo el resultado de cada una de las opciones que les da el bbcode:
Código:
[b]"aca va las palabras que quieras en negrita"[/b]
"aca va las palabras que quieras en negrita"Código:
[i]"aca va las palabras que quieras inclinada"[/i]
"aca va las palabras que quieras inclinada"Código:
[u]"aca va las palabras que quieras subrayadas"[/u]
"aca va las palabras que quieras en subrayadas"Código:
[hl]"aca va las palabras que quieras resaltadas"[/hl]
"aca va las palabras que quieras resaltadas"Código:
[color=darkred]"color rojo oscuro"[/color]
"color rojo oscuro"Código:
[color=red]"color rojo"[/color]
"color rojo"Código:
[color=orange]"color anaranjado"[/color]
"color anaranjado"Código:
[color=brown]"color café"[/color]
"color café"Código:
[color=yellow]"color amarillo"[/color]
"color amarillo"Código:
[color=lime]"color verde"[/color]
"color verde"Código:
[color=olive]"color amarillo oscuro"[/color]
"color amarillo oscuro"Código:
[color=cyan]"color cian"[/color]
"color cian"Código:
[color=blue]"color azul"[/color]
"color azul"Código:
[color=darkblue]"color azul oscuro"[/color]
"color azul oscuro"Código:
[color=indigo]"color magenta oscuro"[/color]
"color magenta oscuro"Código:
[color=violet]"color magenta"[/color]
"color magenta"Código:
[color=white]"color blanco"[/color]
"color blanco"Código:
[color=black]"color negro"[/color]
"color negro"Código:
[color=#f55038]"este es el color del ejemplo, para demostrar que pueden usar el codigo hexadecimal para definir los colores"[/color]
"este es el color del ejemplo, para demostrar que pueden usar el codigo hexadecimal para definir los colores"Código:
[size=50]"aca va el texto que quieras que vaya en diminuto"[/size]
"aca va el texto que quieras que vaya en diminuto"Código:
[size=85]"aca va el texto que quieras que vaya en pequeño"[/size]
"aca va el texto que quieras que vaya en pequeño"Código:
[size=150]"aca va el texto que quieras que vaya en grande"[/size]
"aca va el texto que quieras que vaya en grande"Código:
[size=200]"aca va el texto que quieras que vaya en enorme"[/size]
"aca va el texto que quieras que vaya en enorme"NOTA: Pueden combinar TODOS los estilos de formato de letra, siempre y cuando abran y cierren en orden, por ejemplo:
Código:
[hl][u][i][color=darkblue][size=150]"texto de ejemplo"[/size][/color][/i][/u][/hl]
"texto de ejemplo"
5. Direcciones y fuentes:Siempre al final de una nota tratamos de cerrarlo con la fuente original, tambien si queremos poner la direccion de un archivo para bajar o algo asi lo hacemos de la siguiente manera:
Directa - mostrando la direccion:Código:
[url]www.mundialgamer.com[/url]
http://www.mundialgamer.comIndirecta - mostrando un comentario:Código:
[url=www.mundialgamer.com]El sitio gamer de habla hispana mas grande de internet[/url]
El sitio gamer de habla hispana mas grande de internetFuente:Código:
[source=www.mundialgamer.com]MundialGamer.com[/source]
Fuente: MundialGamer.com
4. Imagenes:En el foro ponemos todas nuestras imagenes centradas y con la idea que no deforme el formato original. Para eso usamos un
uploader propio del foro en el cual van a poder subir imagenes desde su pc o copiar archivos ya subidos a otros servers dejando
un espacio entre link o link. Modifiquen el tamaño que quieren, la transparencia del watermark y el numero de imagenes por fila. Despues copian y pegan el resultado que les tire la imagen y listo. En caso de que quieran subir una sola imagen lo pueden hacer de la siguiente manera, recuerden que todas las imagenes van centradas (ver punto 1):
Código:
[img]"direccion de la imagen"[/img]
o
Código:
[url="direccion de la imagen en tamaño enorme"][img]"direccion de la imagen en tamaño normal para el foro"[/img][/url]
5. Videos:Los videos los pueden conseguir de varios lados, ya sea: Youtube, IGN, Gametrailers, Gamekyo, etc. Para ello estos son los codigos, recuerden que todos los videos van centrados (ver punto 1):
Código:
[yt]"numero de video de youtube"[/yt]
[ignvideo]"numero de video de ign"[/ignvideo]
[gt]"numero de video de gametrailers"[/gt]
[gk]"numero de video de gamekyo"[/gk]
6. Musica:Si quieren agregarle un link a la pagina GoEar para escucharlo en el foro podes hacerlo con el siguiente codigo:
Código:
[goear]"numero del clip de goear"[/goear]
7. Lista:Muchas veces van a querer enumerar cosas y la mejor forma para hacerlo es con una lista, para ello tienen que usar el siguiente codigo:
Separados por puntos:Código:
[list][*] Punto numero 1
[*] Punto numero 2
[*] Punto numero 3[/list]
- Punto numero 1
- Punto numero 2
- Punto numero 3
Separados por numeros:Código:
[list=1][*] Punto numero 1
[*] Punto numero 2
[*] Punto numero 3[/list]
- Punto numero 1
- Punto numero 2
- Punto numero 3
Separados por letras:Código:
[list=a][*] Punto numero 1
[*] Punto numero 2
[*] Punto numero 3[/list]
- Punto numero 1
- Punto numero 2
- Punto numero 3
8. Quote:Si alguna vez queres llamar algun comentario de un usuario, o lo que dijo una persona en otra pagina, lo podes hacer usando el siguiente comando:
Código:
[quote]"lo que dijo la persona esta"[/quote]
Citar:
"lo que dijo la persona esta"
Código:
[quote="Nacho"]"lo que dijo Nacho"[/quote]
Nacho escribió:
"lo que dijo Nacho"
9. Spoilers:Si quieren agregar el spoiler de algo lo pueden hacer con el siguiente codigo:
Código:
[spoiler]"aca va lo secretito secretito"[/spoiler]
"aca va lo secretito secretito"Código:
[spoiler="Naruto"]"aca va lo secretito secretito de Naruto"[/spoiler]
"aca va lo secretito secretito de Naruto"
En fin, estas son las reglas basicas. Usenlas, cualquier cosa se van a ir agregando mas y mas a medida que vayamos avanzando, pero usenlo, va a hacer que el foro quede mas lindo. Saludos.