Silver RO Forums

Conectate para poder acceder a mas informacion acerca de el servidor y sus eventos!

Bienvenido(a), Invitado

Encuentranos ahora en www.silver-ro.net !

    [Tutorial] Uso apropiado del BBcode.

    Comparte

    Knight Joe
    Game Master
    Game Master

    Mensajes : 63
    Fecha de inscripción : 25/12/2009
    Edad : 20
    Localización : Santiago-Chile

    default [Tutorial] Uso apropiado del BBcode.

    Mensaje por Knight Joe el Vie 12 Feb - 14:56




    Buenas a todos!
    hoy hablare del BBcode, un lenguaje utilizado en foros, espero que parendan a usar este sistema:


    Que es BBcode?
    BBCode proveniente del inglés Bulletin Board Code es un pequeño lenguaje usado en los foros para cambiar y editar la forma en que un mensaje (post) es mostrado. BBCode es una colección de marcadores de formato que se usan para cambiar la apariencia del texto en un foro. BBCode está basado en el mismo principio que HTML, y es muy similar a éste.
    Historia
    Dicho lenguaje de maquetación de textos e imágenes mediante etiquetas fue creado por PhpBB para sus propios foros y finalmente se ha difundido en la gran mayoría de los foros web.


    Bien, ahora ablare de los usos que se le puede dar al BBcode mas ejemplos para que aprendan.
    Uso del BBCode 
    Modificar apariencia del texto 

    Los siguientes marcadores cambian la apariencia del texto:
    Código:
    [b]Negrita[/b]
    [u]Subrayado[/u]
    [i]Cursiva[/i]
    [color=#FF0000]Rojo[/color]
    [color=blue]Azul[/color]

    Asi quedarian:
    Negrita
    Subrayado
    Cursiva
    Rojo
    Azul


    Lista resumida de colores disponibles:

     
     


    Negro = Negro
    Marrón = Marron
    Granate = Granate
    Rojo = Rojo
    Naranja = Naranja
    Amarillo = Amarillo
    Oliva = Oliva
    Verde claro = Verde claro
    Verde oscuro = Verde oscuro
    ¿Verde azulado? = ¿Verde azulado?
    Azul claro = Azul claro
    Azul marino = Azul marino
    Azul oscuro = Azul oscuro
    Morado = Morado
    Rosa = Rosa
    Gris oscuro = Gris oscuro
    Gris claro = Gris Claro
    Blanco = Blanco
    Coral = Coral
     
     



    Tambien existe un ultimo codigo llamado"Sistema hexadecimal" como es algo complejo, no hablare de ese.


    Tambien existe la posibilidad de cambiar la fuente del texto gracias al BBcode, un ejemplo seria:
    Código:
    [font=Arial]Arial[/font]
    Arial

    Una pequeña lista de fuentes disponibles (sustituid Arial por cualquiera de las que aparecen en esta lista):

    Arial
    Arial Narrow
    Century

    Comic Sans MS
    Courier
    Georgia
    Lucida sans
    Monotype Corsiva
    Times new Roman
    Trebuchet MS
    Verdana

    Bien, sigamos con los comandos IMG, URL, indispensables en un foro.

    Imagenes:

    Si se quiere mostrar una imagen, se puede usar el marcador img.

    Código:
    [img]Ruta_de_la_imagen[/img]

    Enlaces


    Código:
    [url]ruta_del_enlace[/url]

    Este marcador, se puede usar de otra manera para mostrar un enlace sin que se vea la dirección completa.

    Código:
    [url=ruta_del_enlace]Nombre Visible[/url]

    Citar texto
    [quote]
    Si se quiere citar el escrito de alguien, se puede usar el marcador quote.

    Código:
    [quote="James"]Éste es el texto que quiero citar.[/quote]
    James escribió:Éste es el texto que quiero citar.

    Si no se quiere citar a nadie en particular, se puede usar el marcador quote sin especificar ningún nombre.

    Código:
    [quote]Éste es el texto que quiero citar.[/quote]
    Éste es el texto que quiero citar.

    Cuando aparece el código fuente, se debe asegurar de usar el marcador code. El texto escrito con este marcador utiliza un tipo de espaciado de letra y no queda afectado por otros marcadores.


    Citar código fuente

    Código:
    [code]Esto es un trozo de código.[/code]
    Código:
    Esto es un trozo de código.
    El código BBCode puede utilizarse recursivamente para conseguir efectos avanzados.

    Usos más complejos
    Código:

    [b]negrita[/b]
    [i]cursiva[/i]
    [u]subrayado[/u]
    [s]tachado[/s]
    [table][tr][td]Celda[/td][td]Celda[/td][/tr][/table]
    negrita
    cursiva
    subrayado
    [s]tachado[/s]
    CeldaCelda

    Este último tag es exclusivo de los foros basados en Simple Machines Forum. (SMF)

    Ejemplos

    Código:
      * Wikipedia
        * [b]Wikipedia[/b]
        * [i]Wikipedia[/i]
        * [b][i]Wikipedia[/i][/b]
        * [url]http://www.Wikipedia.com[/url]
        * [url=http://www.Wikipedia.com]La Wikipedia[/url][/quote]

    Quedarían de esta forma:
    * Wikipedia
    * Wikipedia
    * Wikipedia
    * http://www.Wikipedia.com
    * La Wikipedia





    Gran parte extraido de wikipedia y taringa, agradecimientos.






    Espero les haya servido, saludos!

    Knight Joe

    Koyomi Araragi
    Administrador
    Administrador

    Mensajes : 318
    Fecha de inscripción : 20/12/2009

    default Re: [Tutorial] Uso apropiado del BBcode.

    Mensaje por Koyomi Araragi el Vie 12 Feb - 15:05

    Gracias Joe por tu guia, muy util Wink

    Explico Brevemente lo de los codigos hexadecimales.

    Los codigos hexadecimales son formas de escribir y/o leer datos. Comunmente usados en ediciones de ejecutables (.exe), pero en este caso, se pueden usar los colores Hexadecimales.

    Esta tabla de colores consta de 6 numeros (o letras) que contienen la informacion de el color.

    se separa en 3 colores, rojo, verde y azul.

    quedaria algo asi:

    FF FF FF

    estos 3 colores mezclan su intensidad, escribiendose con letras y numeros, del 0 al 9.

    el ejemplo anterior, se mostraban 6 "F". Estas significan Full, es decir, intensidad del color maxima.

    Como los 6 valores estan en F, como todos sabemos, la mezcla de todos los colores da blanco, entonces FFFFFF significaria Blanco.

    Por el contrario, si escribimos 000000, quedaria en Negro.

    con este codigo, podemos escribir con colores que no se incluyen en el mostrador del foro, como Naranjo Oscuro (codigo DF7401).

    para escribir un texto con color hexadecimal, se escribe de esta forma:
    Código:
    [color=#<valor del color, en este caso DF7401>]Texto a ingresar con el color[/color]

    quedaria algo asi:
    Texto a ingresar con el color
    .

    ---

    Ahora, para no calentarles la cabeza buscando Codigos Hexadecimales para el color deseado, aqui les dejo una web con un mostrario de colores, con su respectivo codigo.

    Link

    Al principio de la pagina aparece un mostrario basico, y mas abajo un mostrario avanzado.


    ________ _________






    Jozeeh
    Stapo
    Stapo

    Mensajes : 204
    Fecha de inscripción : 30/12/2009
    Edad : 19
    Localización : Aricaá ~

    default Re: [Tutorial] Uso apropiado del BBcode.

    Mensaje por Jozeeh el Sáb 13 Feb - 11:50

    Gracias joe ! No sabia ni una ca** de esto xD
    Pero lo de lo ultimo.. No estamos en taringa, ni en poringa OwO

    xmiguel
    Poporing
    Poporing

    Mensajes : 34
    Fecha de inscripción : 12/01/2010
    Edad : 22
    Localización : Concepción

    default Re: [Tutorial] Uso apropiado del BBcode.

    Mensaje por xmiguel el Sáb 13 Feb - 20:24

    Lol q confuso me deja todo eso, mejor mantener mis posts aburridos y comunes, pero = ta wena la guia, no tenia idea de eso

    Contenido patrocinado

    default Re: [Tutorial] Uso apropiado del BBcode.

    Mensaje por Contenido patrocinado Hoy a las 15:20


      Fecha y hora actual: Jue 8 Dic - 15:20