Buscador del foro




Nuevo topic Responder al topic  [ 1 post ] 
Autor Mensaje
 Asunto: [Tutorial] Como usar bbcode?
NotaPosteado: Mie Abr 01, 2009 4:42 pm 
Desconectado
Site Admin
Avatarde Usuario

Registrado: Lun Mar 24, 2008 6:31 pm
Posts: 6498
Ubicación: Tergopol hexagesimal
Points: 0
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

:arrow: 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]


:arrow: 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]


:arrow: 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"

:arrow: 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.com

Indirecta - 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 internet

Fuente:
Código:
[source=www.mundialgamer.com]MundialGamer.com[/source]

Fuente: MundialGamer.com

:arrow: 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]


:arrow: 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]


:arrow: 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]


:arrow: 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]

  1. Punto numero 1
  2. Punto numero 2
  3. Punto numero 3

Separados por letras:
Código:
[list=a][*] Punto numero 1
[*] Punto numero 2
[*] Punto numero 3[/list]

  1. Punto numero 1
  2. Punto numero 2
  3. Punto numero 3

:arrow: 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"


:arrow: 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]

[Reveal] Spoiler: "Naruto"
"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.

_________________
Making the possible... totally impossible

Imagen

L4D2 Review - Bad Company 2 Beta - Disen's Hands On - Shattered Horizon - Disen's Hands On


Arriba
 Perfil  
 
Mostrar posts previos:  Ordenar por  
Nuevo topic Responder al topic  [ 1 post ] 


¿Quién está conectado...?

Usuarios navegando este Foro: No hay usuarios registrados visitando el Foro y 0 invitados


No puedes abrir nuevos topics en este Foro
No puedes responder a topics en este Foro
No puedes editar tus posts en este Foro
No puedes borrar tus posts en este Foro
No puedes enviar adjuntos en este Foro

Buscar:
cron
RSS Feed RSS Feed Canales Canales
Blue Moon by Trent © 2007
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traducción al español ( es_AR ) por LarveandoTeam
phpBB SEO