1. Welcome to Umbra Roleplaying! We are an 18+ multi-genre roleplaying and writing community open to writers of all types. Sign up today to have access to our forums and join our other talented members!

BB Codes

  • [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]example@example.com[/EMAIL]
    Output:
    http://www.example.com
    example@example.com
  • [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=example@example.com]Email me[/EMAIL]
    Output:
    Go to example.com
    Email me
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when tagging a user.

    Example:
    [USER=1]User Name[/USER]
    Output:
    User Name
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.

    Example:
    [IMG]https://umbraroleplaying.com/​styles/brivium/stylium/titanium​/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; Liveleak; Metacafe; Vimeo; YouTube;

    Example:
    [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]
    Output:
    An embedded YouTube player would appear here.
  • [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:
  • [SPOILER] - Text Containing Spoilers

    Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.

    Example:
    [SPOILER]Simple spoiler[/SPOILER]
    [SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
    Output:
    Simple spoiler
    Spoiler with a title
  • [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]123[/ATTACH]
    Full Size: [ATTACH=full]123[/ATTACH]
    Output:
    The contents of the attachments would appear here.
  • [COLUMNS], [COLUMNS=option] - Columns

    Displays text in columns.

    Example:
    [COLUMNS]This will appear on the left.

    This will appear on the right.
    So will this.[/COLUMNS]
    [COLUMNS=3]Left
    Center
    Right[/COLUMNS]
    Output:
    This will appear on the left.

    This will appear on the right.
    So will this.
    Left
    Center
    Right
  • [FA] - Font Awesome

    Font Awesome Icons

    Example:
    [FA]camera[/FA]
    [COLOR=#BCCF02][FA]github[/FA][/COLOR]
    [CENTER][SIZE=7][COLOR=#D96459][FA]bullseye[/FA][/COLOR][/SIZE][/CENTER]
    Output:


  • [FLOAT_LEFT] - Float Left

    Float content left, enabling text to wrap around it.

    Example:
    [FLOAT_LEFT]This content is floated left.
    Adjacent text will wrap
    around it.[/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated left.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [FLOAT_RIGHT] - Float Right

    Float content right, enabling text to wrap around it.

    Example:
    [FLOAT_RIGHT]This content is floated right.
    Adjacent text will wrap
    around it.[/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated right.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [JUSTIFY] - Justify

    Justify Align Text

    Example:
    [justify]Ut nunc neque, tincidunt a risus ut, viverra lacinia nulla. Suspendisse id ante id diam posuere rutrum. Nullam egestas arcu vitae neque bibendum tincidunt. Vestibulum rutrum arcu vitae blandit varius. Fusce blandit justo ultricies, suscipit nulla luctus, varius urna. Morbi facilisis laoreet neque, luctus euismod nunc pulvinar ac. Aenean ut risus et tellus pharetra interdum. Etiam fermentum dignissim nisl in euismod. Donec ac commodo metus. Aliquam erat volutpat. In sapien tellus, pretium ac semper ut, volutpat nec leo. Aliquam consectetur malesuada justo, tristique accumsan lorem fringilla id. Vivamus tristique ipsum nec sapien pulvinar, vitae auctor mi varius.[/justify]
    Output:
    Ut nunc neque, tincidunt a risus ut, viverra lacinia nulla. Suspendisse id ante id diam posuere rutrum. Nullam egestas arcu vitae neque bibendum tincidunt. Vestibulum rutrum arcu vitae blandit varius. Fusce blandit justo ultricies, suscipit nulla luctus, varius urna. Morbi facilisis laoreet neque, luctus euismod nunc pulvinar ac. Aenean ut risus et tellus pharetra interdum. Etiam fermentum dignissim nisl in euismod. Donec ac commodo metus. Aliquam erat volutpat. In sapien tellus, pretium ac semper ut, volutpat nec leo. Aliquam consectetur malesuada justo, tristique accumsan lorem fringilla id. Vivamus tristique ipsum nec sapien pulvinar, vitae auctor mi varius.
  • [TABS] - Render Tabs into a post

    Render Tabs into a post

    Example:
    [tabs]
    [tab=Title 1]Content 1[/tab]
    [tab=Title 2]Content 2[/tab]
    [/tabs]
    Output:
    • Content 1
    • Content 2
  • [BOX=option] - Scrolling Box

    Inserts a scrolling box with a user definable height.

    Example:
    [BOX=50]This is a scrolling box. Content will stay within the confines of this box and a vertical scroll bar will be present once the content exceeds the user defined height.[/BOX]
    Output:
    This is a scrolling box. Content will stay within the confines of this box and a vertical scroll bar will be present once the content exceeds the user defined height.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice