BB Codes, Complete How to Guide (with Examples)

Discussion in 'Discussions Archive' started by StrayanPenguin, Jan 30, 2014.

?

Was this Helpfull?

  1. Yes

    100.0%
  2. No

    0 vote(s)
    0.0%
  3. Partly

    0 vote(s)
    0.0%
Thread Status:
Not open for further replies.
  1. StrayanPenguin
    Offline

    StrayanPenguin Well-Known Member

    Joined:
    Jul 16, 2013
    Messages:
    1,775
    [B], [I], [U], [S] - Bold, Italics, Underline, and Strike-through
    Makes the wrapped text bold, italic, underlined, or struck-through.

    Example:
    This is [B]bold[/B] text.
    This is [I]italic[/I] text.
    This is [U]underlined[/U] text.
    This is [S]struck-through[/S] text.

    Output:
    This is bold text.
    This is italic text.
    This is underlined text.
    This is struck-through text.

    [COLOR=color], [FONT=name], [SIZE=size] - Text Color, Font, and Size
    Changes the color, font, or size of the wrapped text.

    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [FONT=Courier New]Courier New[/FONT] text.
    This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

    Output:
    This is red and blue text.
    This is Courier New text.
    This is small and big text.

    [URL], [EMAIL] - Linking
    Creates a link using the wrapped text as the target.

    Example:
    [URL]http://www.example.com[/URL]
    [EMAIL][email protected][/EMAIL]

    Output:
    Example Domain
    [email protected]

    [URL=link], [EMAIL=address] - Linking (Advanced)
    Links the wrapped text to the specified web page or email address.

    Example:
    [URL=http://www.example.com]Go to example.com[/URL]
    [[email protected]]Email me[/EMAIL]

    Output:
    Go to example.com
    Email me

    [USER] - Profile Linking
    Links to a user's profile. This is generally inserted automatically when tagging a user.

    Example:
    [USER]Macklemore257[/USER]
    @Macklemore257

    Output:
    macklemore257
    macklemore257

    [IMG] - Image
    Display an image, using the wrapped text as the URL.

    Example:
    [IMG]http://www.skyblock.net/styles/default/xenforo/avatars/avatar_s.png[/IMG]

    Output:
    [​IMG]

    [MEDIA=site] - Embedded Media
    Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar. Approved sites: Dailymotion; Facebook; Vimeo; YouTube;


    Example:
    [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]

    Output:


    [LIST] - Lists
    Displays a bulleted or numbered list.

    Example:
    [LIST]
    [*]Bullet 1
    [*]Bullet 2
    [/LIST]
    [LIST=1]
    [*]Entry 1
    [*]Entry 2
    [/LIST]

    Output:
    • Bullet 1
    • Bullet 2
    1. Entry 1
    2. Entry 2
    [LEFT], [CENTER], [RIGHT] - Text Alignment
    Changes the alignment of the wrapped text.

    Example:
    [LEFT]Left-aligned[/LEFT]
    [CENTER]Center-aligned[/CENTER]
    [RIGHT]Right-aligned[/RIGHT]

    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​

    [QUOTE] - Quoted Text
    Displays text that has been quoted from another source. You may also attribute the name of the source.

    Example:
    [QUOTE]Quoted text[/QUOTE]
    [QUOTE=A person]Something they said[/QUOTE]

    Output:
    [CODE], [PHP], [HTML] - Programming Code Display
    Displays text in one of several programming languages, highlighting the syntax where possible.

    Example:
    [CODE]General
    code[/CODE]
    [PHP]echo $hello . 'world';[/PHP]

    Output:
    Code:
    General
    code
    PHP:
    echo $hello 'world';
    [INDENT] - Text Indent
    Indents the wrapped text. This can be nested for larger indentings.

    Example:
    Regular text
    [INDENT]Indented text
    [INDENT]More indented[/INDENT]
    [/INDENT]

    Output:
    Regular text
    Indented text
    More indented​

    [PLAIN] - Plain Text
    Disables BB code translation on the wrapped text.

    Example:
    [ PLAIN ]This is not [B]bold[/B] text.[ /PLAIN ]

    Output:
    This is not [B]bold[/B] text.

    [ATTACH] - Attachment Insertion
    Inserts an attachment at the specified point. If the attachment is an image, a thumbnail or full size version will be inserted. This will generally be inserted by clicking the appropriate button.

    Example:
    Thumbnail: [ATTACH]1234[/ATTACH]
    Full Size: [ATTACH=full]1234[/ATTACH]

    Output:
    Thumbnail: View attachment 1234
    Full Size: View attachment 1234

    [SPOILER] - Spoiler
    Inserts a spoiler to hide content.

    Example:
    [spoiler]Here is some hidden text.[/spoiler]
    [spoiler=Random Title]A spoiler is any element of any summary or description of any piece of fiction that reveals any plot element which will give away the outcome of a dramatic episode within the work of fiction or the conclusion of the entire work. [/spoiler]

    Output:

     
  2. a99Bomb99
    Offline

    a99Bomb99 Active Member

    Joined:
    Aug 13, 2013
    Messages:
    207
    You forgot to add [plain]
     
  3. StrayanPenguin
    Offline

    StrayanPenguin Well-Known Member

    Joined:
    Jul 16, 2013
    Messages:
    1,775
     
  4. awesomeyoshi64
    Offline

    awesomeyoshi64 Active Member

    Joined:
    Dec 23, 2012
    Messages:
    1,345
  5. EnderDragon47
    Offline

    EnderDragon47 Experienced Member

    Joined:
    Jul 21, 2013
    Messages:
    1,959
    Well this totally isn't an exact copy of mine before the forums got wiped...
     
    Last edited: Mar 11, 2014
  6. StrayanPenguin
    Offline

    StrayanPenguin Well-Known Member

    Joined:
    Jul 16, 2013
    Messages:
    1,775
    actually, it aint. lol
     
  7. EnderDragon47
    Offline

    EnderDragon47 Experienced Member

    Joined:
    Jul 21, 2013
    Messages:
    1,959
    You've covered everything I did, except mine had more in...
     
  8. Pyhxil__
    Offline

    Pyhxil__ Banned

    Joined:
    Jan 2, 2013
    Messages:
    420
    And he took the time to re-create it after it was wiped in the rollback. I don't see the problem.
     
  9. a99Bomb99
    Offline

    a99Bomb99 Active Member

    Joined:
    Aug 13, 2013
    Messages:
    207
    STAHP MAEKIN MEH LOOOK ST00PID D;
     
  10. John_Beatty
    Offline

    John_Beatty Well-Known Member

    Joined:
    Aug 23, 2013
    Messages:
    190
  11. StrayanPenguin
    Offline

    StrayanPenguin Well-Known Member

    Joined:
    Jul 16, 2013
    Messages:
    1,775
    theres buttons for it now :D just click it and select who u want to see. then type whatever then press enter.
     
  12. MonkeyDqwerty
    Offline

    MonkeyDqwerty Well-Known Member

    Joined:
    Aug 1, 2013
    Messages:
    252
    Testing

    slash not slash
     
Thread Status:
Not open for further replies.

Share This Page