BBCode Explained

Discussion in 'The Hub' started by Lord Firesnake, Sep 9, 2011.

Thread Status:
Not open for further replies.
  1. Lord Firesnake Clan Committee | Retired Staff

    【BBcode】

    Most of this thread is taken from the old BBCode thread Lone Wolf made, so all credit gos to him and not me. I just organised it in a way that's easier on the eye.

    I shall put in this thread in individual posts all the BBCode I know what it exactly does, if you know more BBCodes in use on this forum please send them to me, so I can add them to this list. You will be credited for this, of course.

    Index —
    • Colour
    • Fonts
    • Size
    • Other Text Manipulation Techniques
    • Lists
    • Spoilers
    • Quote
    • URL
    • Image
    • Media code
    1 people like this.
  2. Lord Firesnake Clan Committee | Retired Staff

    【Colour】

    ( or "color", as you Americans put it, but I digress, it is what the internet wants— )

    BBCode:
    Code:
    [COLOR="[insert color here]"]text text text[/COLOR]
    The color BBCode is used to change the colour of your text into a huge variety of colours. The following colours are web supported colors and can be accessed in the drop down menu:

    Visual:
    Black
    DarkSlateGray
    DimGray
    Gray
    SlateGray
    Silver
    White
    LemonChiffon
    Wheat
    SandyBrown
    Sienna
    Orange
    DarkOrange
    Yellow
    YellowGreen
    Lime
    Olive
    DarkOliveGreen
    PaleGreen
    Green
    DarkGreen
    SeaGreen
    Teal
    Cyan
    MediumTurquoise
    PaleTurquoise
    LightBlue
    DeepSkyBlue
    Blue
    Navy
    RoyalBlue
    DarkSlateBlue
    Indigo
    Purple
    DarkOrchid
    Magenta
    Pink
    Plum
    Red
    DarkRed

    These are the colours you find under the [IMG] when you reply to a thread.

    As you can see, they are pretty disgusting, but are not the only named web colors. More of those can be found here: http://cloford.com/resources/colours/500col.htm

    For some even more unique & maleable colors, I suggest you use hexidecimal code! This is a 6-digit code assigned to every color possible! Find and mix your perfect color here: http://www.colorpicker.com/

    Use the code at the top — "#xxxxxx". Put this where you'd usually put the web color name.

    Example:
    -> [COLOR=#ff0066]This is how we make colours.[/COLOR]
    -> This is how we make colours.
  3. Lord Firesnake Clan Committee | Retired Staff

    【Fonts】

    Fonts change the appearance of your text.

    BBCode:
    Code:
    [font="(name of font)"]text[/font]
    Just like web-safe colors, there is a specific list of web-safe fonts that can be found on most computers — this ensures web pages are seen as the same for everyone. These consist of:

    Visual:
    Arial
    Arial Black
    Arial Narrow
    Book Antiqua
    Century Gothic
    Comic Sans MS
    Courier New
    Fixedsys
    Franklin Gothic Medium
    Garamond
    Georgia
    Impact
    Lucida Console
    Lucida Sans Unicode
    Microsoft Sans Serif
    Palatino Linotype
    System
    Tahoma
    Times New Roman
    Trebuchet MS
    Verdana


    You can select them in [IMG] when you reply to a thread.




    .

  4. Lord Firesnake Clan Committee | Retired Staff

    【Size】

    BBCode:
    HTML:
    [SIZE="(1-7)"]Text[/SIZE]
    This code changes the size of your text — you have a range of sizes 1 through 7 ( size 3 is the default font size ).

    Visual:
    1 hello 2 hello 3 hello 4 hello 5 hello 6 hello 7 hello


    Font size can be found in [IMG] when you reply to a thread




    .
  5. Lord Firesnake Clan Committee | Retired Staff

    【Other Text Manipulation Techniques】

    Visual: Bold
    Code: [b]Bold[/b]

    Visual: Italics
    Code: [i]Italics[/i]

    Visual: Underline
    Code: [u]Underline[/u]

    Visual: Strikethrough
    Code: [s]Strikethrough[/s]

    • • • • •
    To align text:

    [left]left[/left]
    [center]center[/center]
    [right]right[/right]


    • • • • •

    To camouflage text:

    Visual:

    text can either be hidden here, rollover to reveal
    .

    Code:
    [shadow]text[/shadow]
    ( if you colour the text it will be visible, if you don't it will be invisible until you hover over it )




    .
  6. Lord Firesnake Clan Committee | Retired Staff

    【Lists】

    1. Bullet-point lists are made using [list][/list]
    2. Advanced, numbered lists can be made using [list=1][/list]

    Type 1 The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.

    Visual:
    • Cat
    • Dog
    • Fish
    Code:
    HTML:
    [LIST]
    [*]Cat
    [*]Dog
    [*]Fish
    [/LIST]
    
    • • • • •

    Type 2 The [list=1] tag allows you to create numbered lists.

    Visual:
    1. Cat
    2. Dog
    3. Fish
    Code:
    HTML:
    [list=1]
    [*]Cat
    [*]Dog
    [*]Fish
    [/list]
    




    .
  7. Lord Firesnake Clan Committee | Retired Staff

    【Spoilers】

    BBCode:
    Code:
    [SPOILER]value[/SPOILER]
    Originally for avoiding spoiling something to an unwary user, it can also be used to house signatures or messages that don't fit without breaking regulation.

    Example:
    [spoiler]text or image or video~
    [IMG]http://24.media.tumblr.com/tumblr_m434s0fFSD1qzcavmo1_500.png[/IMG][/spoiler]

    Visual:

    text or image or video~
    [IMG]






    .
  8. Lord Firesnake Clan Committee | Retired Staff

    【Quote】

    BBCode:
    HTML:
    [quote="Username"]Message ~[/quote]
    Quote is the way to quote what a person said online and can be done by either pressing Reply under the person's post at the bottom-right-corner of a person's post. You can multi-quote in the same way, simply by clicking Reply on every post you wish to respond to.

    Example: [QUOTE=Nicholas, post: 2023888"]I still love you guys. :p <3[/QUOTE]

    Visual:


    .
  9. Lord Firesnake Clan Committee | Retired Staff

    【URL】

    A URL is a specific character string that constitutes a reference to an Internet resource, i.e. a specific web-page.

    BBCode:
    Code:
    [url="link"]text or image code[/url]
    Linking to outside sites is, for the most part, not allowed on this site, so be sure to check the rules on what you can and cannot link to. You can, however, link to any thread within the forum and to any post on KH3.net.

    Example: [url="http://www.kingdomhearts3.org/index.php"]Forum Index[/url]

    Visual: Forum Index

    Pro-tip: if you just copy & paste the link into your post, the forum will automatically turn it into a link — however, it will display the URL rather than your chosen text.

    Use this [IMG] to add a URL to selected text or image.






    .
  10. Lord Firesnake Clan Committee | Retired Staff

    【Images】

    To post an image on the forum you can use this button [IMG] and the link to the image to put it on the forum.

    You can also use the tags.

    BBCode:
    Code:
    [img]value[/img]
    Example: [img]http://25.media.tumblr.com/tumblr_lixx66DNs91qbgf3io1_400.gif[/img]

    Visual:

    [IMG]




    .
Thread Status:
Not open for further replies.

Share This Page