[GUIA] Hacer más chulos tus post

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

  1. MrCacahuate

    MrCacahuate

    Mensajes:
    20
    Ubicación:
    Mexico
    ¡Hola Jardineros del Mundo!:52aleluya:

    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​


    671187

    potted_plant__gif__by_hamonpower-d9ho08k.gif ¿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


    potted_plant__gif__by_hamonpower-d9ho08k.gif ¿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


    potted_plant__gif__by_hamonpower-d9ho08k.gif 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: potted_plant__gif__by_hamonpower-d9ho08k.gif

    Código:
    [ATTACH=full]671192[/ATTACH]
    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: potted_plant__gif__by_hamonpower-d9ho08k.gif

    Código:
    [url=http://foro.infojardin.com/][ATTACH=full]671194[/ATTACH][/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


    73ebf36fd801d8c9205b4111e23641e1.png

    Pueden hacer sus pruebas en éste mismo post :okey:
     
  2. Rosa de té

    Rosa de té

    Mensajes:
    1.316
    Ubicación:
    Andalucía
    @MrCacahuate
    Qué magnífico post! Muchas gracias por tu trabajo:64palmadas::64palmadas::64palmadas::64palmadas::64palmadas::64palmadas::64palmadas::64palmadas::64palmadas:
     
  3. fade011

    fade011

    Mensajes:
    2.940
    Esta bueno pero es la forma ... técnica digamos, de hacer lo mismo que puedes hacer con el editor con el que escribimos, en el menu estan todas esas opciones y otras.

    ya que estamos con tecnica :smile:...

    La unica funcion que falta en el editor es boton para encerrar algo en etiquetas "plain" con la que se puede mostrar codigo en forma textual. Ejemplo si quiero escribir esto solo se muestra textualmente si lo encierro en esas etiquetas...

    reemplaza %5B por [ y %5D por ] de modo que te quede asi: [IMG]https://subeimagen.infojardin.com/foto-subida/images/5975b986ca9fa.JPG[/IMG]

    Saludos
     
  4. martuerre

    martuerre

    Mensajes:
    1
    Ubicación:
    patagonia norte - argentina
    excelente info. muchas gracias
     
  5. ClaudiaSoy

    ClaudiaSoy Madre hortelana amante del verde

    Mensajes:
    1
    Ubicación:
    Madrid
    Ubicación:
    Madrid
    Hola!

    He hecho bien en pasarme por aquí porque es la primera vez que comento en este foro y no quiero "meter la gamba".

    Gracias por los consejos :smile:
     
  6. pvaldes

    pvaldes

    Mensajes:
    26.113
    Ubicación:
    Cantabrico
    Un mensaje pobre sigue siendo un mensaje pobre aunque esté en letras de colores parpadeantes. La única diferencia es que el segundo tipo no se lo lee casi nadie y los que lo hacen no lo tomarán en serio. No se me ocurren muchas razones para usar color PaleGoldenRod en nuestros posts por ejemplo y desde luego no se deberían usar más de dos tipos de fuente de letra en el mismo documento. Tres máximo. Es una regla de estilo básica. Hay que evitar el efecto Jerónimo Stilton a toda costa.

    Mucho mejor concentrar nuestros esfuerzos en el que texto esté bien escrito, sea preciso, dé toda la información necesaria (y no más que la necesaria), incluya fotos de calidad si son necesarias, e ir al grano cuanto antes exponiendo el problema claramente. Algunos emoticonos están bien. Todo emoticonos y nada de sustancia conduce a dejar de leer. La comunicación siempre será más eficaz cuantas menos distracciones haya.
     
  7. fade011

    fade011

    Mensajes:
    2.940
    Coincido plenamente... pero como se lo explicas a la gran parte del foro que es un sin sentido de "juegos" y farolitos :razz:
     
  8. MrCacahuate

    MrCacahuate

    Mensajes:
    20
    Ubicación:
    Mexico
    Muy cierto, lo más hermoso de un post siempre es la lírica de su autor y la habilidad de éste para mantener nuestra atención por medio de sus palabras.
    Es verdad, debemos hacerle honor al dicho "menos es más", en algunas cuestiones y como usted bien dice creo que nadie usará los colores como el PaleGoldenRose; los consejos que usted menciona son mucho más efectivo para hacer un post más atractivo; la idea original de mi "Guía" era solo poner a disposición de los usuarios la mayor cantidad de opciones de edición posible.

    Me gustaría, si usted me lo permite, agregar parte de su comentario a la guía (claro con sus créditos correspondientes xD).