Vivero y tienda de jardinería online
Miles de plantas y productos para el jardín.

[GUIA] Hacer más chulos tus post

Tema en 'Foro de pruebas y dudas informáticas' comenzado por MrCacahuate, 18/6/17.

  1. MrCacahuate

    MrCacahuate

    Menos de 20 mensajes
    Ingreso:
    16/5/15
    Mensajes:
    20
    "Gracias":
    5
    Puntos trofeo:
    6
    Ubicación:
    Mexico
    ¡Hola Jardineros del Mundo!:aleluya:

    Muchas veces cuando abrimos un post, nos gustaría poder cambiar el tipo de letra, el tamaño, incluso el color de la misma. Bueno si quereis aprender a realizar todo lo anterior y más continuad leyendo.

    Este es un tema para el uso de BBCODES, o en otras palabras lo que te permite hacer tu post chulo​


    [​IMG]

    [​IMG]¿QUÉ SON LOS BBCODES?

    Son códigos que te permiten hacer modificaciones a tus post o incluso para hacer tu firma en tu perfil ^u^

    Una característica que tienen todos los BBCODE es que siempre van entre corchetes " [ ] " Si no los colocamos entre estos dos signos no podremos utilizarlos


    [​IMG]¿PARA QUÉ SIRVEN?

    Te permiten hacer cosas como las siguientes:
    ➳Cambiar el color de las letras
    ➳Cambiar el tipo de letra
    ➳Poner códigos
    ➳Colocar mensajes ocultos
    ➳Colocar videos e imágenes
    ➳Colocar vínculos


    [​IMG]CÓDIGOS BBCODE

    Colores

    Para cambiar el color de un texto solo tendremos que colocar primero la frase " color=nombre del color " entre corchetes, seguido de eso nuestro texto y al final de éste colocamos " /color " igualmente entre corchetes

    Ejemplo: INFOJARDIN

    Código:
    [color=green]INFOJARDIN[/color]

    Tipo de letra

    Aunque podemos cambiar la letra con las herramientas que nos da el foro, existen otros tipos de letra que podemos emplear, para ésto es similar a cambiar el color de la letra, lo que hacemos es colocar al principio del texto " font=nombre de la fuente " igual entre corchetes, seguidamente nuestro texto y cerramos la frase con un " /font " al que le tenemos que colocar los corchetes tambien

    Ejemplo: INFOJARDIN


    Código:
    [font=century gothic]INFOJARDIN[/font]



    Códigos

    Los códigos nos permiten hacer pequeñas cajas con texto adentro, en las cuales cualquier BBCODE que pongamos dentro no hace efecto, es decir no se manifiesta sino que se muestra como forma de texto. para esto solo tenemos que poner " code " entre corchetes, nuestro texto y cerramos con un " /code " igual entre corchetes

    Ejemplo:
    Código:
    [size=5][font=century gothic]INFOJARDIN[/font][/size]



    Mensajes ocultos o spoilers

    Los mensajes ocultos o también llamados spoilers, nos permiten esconder un mensaje que al presionar un botón éste se despliega, es muy útil cuando tenemos imágenes muy grandes que harían el mensaje muy largo, de esa forma al esconderlos en spoilers, solo será visible cuando hagamos clic en el botón de "Mensaje oculto", para crear un spoiler colocamos entre corchetes " spoiler " seguidamente lo que deseamos ocultar y finalizamos con un " /spoiler" igualmente entre corchetes

    Ejemplo:
    Esto es un mensaje oculto

    Código:
    [spoiler]Esto es un mensaje oculto[/spoiler]
    Podemos agregar un nombre a nuestro spoiler para dar una idea sobre lo que tratará

    Ejemplo:
    Rosas, Claveles, Orquídeas y Lirios


    Código:
    [spoiler=Lista de mis plantas]Rosas, Claveles, Orquídeas y Lirios[/spoiler]




    Colocar imágenes o videos

    También podemos usar las herramientas que nos da el foro, pero con los BBCODE ya no tendremos necesidad de seguir usando los botones, cabe mencionar que también lo pueden usar los usuarios de tabletas y smartphones.

    Para colocar una imagen simplemente escribimos " img " entre corchetes, previo colocamos el enlace directo de la imagen o gif (el enlace directo suele terminar en .jpg .gif .png etc) cerramos el mensaje con " /img " igualmente entre corchetes


    Ejemplo: [​IMG]

    Código:
    [img]http://orig14.deviantart.net/d16c/f/2015/326/4/b/potted_plant__gif__by_hamonpower-d9ho08k.gif[/img]
    Para colocar videos la única diferencia es que solo colocaremos en link de nuestro video y al final de este colocamos " /youtube " entre corchetes

    Ejemplo:

    Código:
    https://www.youtube.com/watch?v=BKyFPlq-Zlo[/youtube]



    Colocar enlaces

    Podemos adjuntar un enlace al texto que deseemos empleando las herramientas del foro (el botón) o también podemos hacerlo de forma manual, para ésto es como cambiar el color de letra o la fuente, lo que haremos es poner primero " url=la dirección del enlace " entre corchetes, seguidamente la frase que deseamos y finalizamos con un " /url "

    Ejemplo: En el foro de INFOJARDIN encontrarás muchos artículos relacionados con la jardinería

    Código:
    En el foro de [url=http://foro.infojardin.com/]INFOJARDIN[/url] encontrarás muchos artículos relacionados con la jardinería
    Para colocar un enlace a una imagen escribimos primero el código para la url " url=la dirección del enlace" en corchetes, seguidamente colocamos " img " entre corchetes, ahora colocamos la dirección de la imagen, seguido ponemos " /img " entre corchetes y finalizamos nuestro párrafo con " /url " entre corchetes


    Ejemplo: [​IMG]

    Código:
    [url=http://foro.infojardin.com/][img]http://orig14.deviantart.net/d16c/f/2015/326/4/b/potted_plant__gif__by_hamonpower-d9ho08k.gif[/img][/url]



    Lista de las fuentes y colores disponibles


    Arial Black
    Arial Narrow
    Calibri
    Cambria
    Candara
    Century
    Century Gothic
    Comic Sans MS
    Consolas
    Constantia
    Copperplate
    Corbel
    Curlz MT
    Cursive
    Fantasy
    Fixedsys
    Franklin Gothic Medium
    Gabriola
    Garamond
    Garton
    Impact
    Lucida Console
    Lucida Sans Unicode
    Microsoft Sans Serif
    Mistral
    Monospace
    Monotype Corsiva
    Optima
    Palatino Linotype
    Papyrus
    Symbol
    System


    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
    DarkOrdhic
    Orchid
    Violet
    Plum


    [​IMG]

    Pueden hacer sus pruebas en éste mismo post :okey:
    YOWI da las Gracias.