BB codes

  • [B], [I], [U], [S] - bold, Italic, Underline, Struck-through

    Basic text formatting for the wrapped text.
    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], [BGCOLOR=color], [FONT=font], [SIZE=size] - Background color, Text color, Font, Size

    Advanced text formatting options for wrapped text.
    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [BGCOLOR=#FAA]red[/BGCOLOR] and [BGCOLOR=#AAF]blue[/BGCOLOR] highlighted 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 red and blue highlighted text.
    This is Courier New text.
    This is small and big text.
  • [SUB], [SUP] - Subscript, Superscript

    Position wrapped text.
    Example:
    This is [SUB]subscript[/SUB] text.
    This is [SUP]superscript[/SUP] text.
    Output:
    This is subscript text.
    This is superscript text.
  • [URL], [EMAIL] - Linking

    Creates a link using the wrapped text as the target.
    Example:
    [URL]https://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Output:
  • [URL=link], [EMAIL=address] - Linking (Advanced)

    Links the wrapped text to the specified web page or email address.
    Example:
    [URL=https://www.example.com]Go to example.com[/URL]
    [EMAIL=example@example.com]Email me[/EMAIL]
    Output:
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when mentioning a user.
    Example:
    [USER=1]User name[/USER]
    Output:
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.
    Example:
    [IMG]https://hogwarts.nz/styles/hnzTheme/hnz/metadatalogo.png[/IMG]
    Output:
  • [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: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Instagram, Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, Tumblr, Twitch, Twitter, 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], [RIGHT], [CENTER], [JUSTIFY] - Text alignment

    Changes the alignment of the wrapped text.
    Example:
    [LEFT]Left-aligned[/LEFT]
    [CENTER]Center-aligned[/CENTER]
    [RIGHT]Right-aligned[/RIGHT]
    [JUSTIFY]This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.[/JUSTIFY]
    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​
    This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.​
  • [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:
    Quoted text
    A person said:
    Something they said
  • [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] - Programming code display

    Displays text in one of several programming languages, highlighting the syntax where possible.
    Example:
    General code:
    [CODE]General
    code[/CODE]

    Rich code:
    [CODE=rich][COLOR=red]Rich[/COLOR]
    code[/CODE]

    PHP code:
    [CODE=php]echo $hello . ' world';[/CODE]

    JS code:
    [CODE=javascript]var hello = 'world';[/CODE]
    Output:
    General code:
    Code:
    General
    code
    Rich code:
    Rich (BB code):
    Rich
    code
    PHP code:
    PHP:
    echo $hello . ' world';
    JS code:
    JavaScript:
    var hello = 'world';
  • [ICODE] - Inline programming code display

    Allows you to display code inline among normal post content. Syntax will not be highlighted.
    Example:
    Inline code blocks [ICODE]are a convenient way[/ICODE] of displaying code inline.
    Output:
    Inline code blocks are a convenient way of displaying code inline.
  • [TABLE] - Tables

    Special markup to display tables in your content.
    Example:
    [TABLE]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [/TABLE]
    Output:
    Header 1Header 2
    Content 1Content 2
  • [TABLE=class] - Tables (Advanced)

    Advanced table styling.
    Example:
    Option adds additional styling.
    [TABLE=noborder]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [/TABLE]

    Multiple styles can be combined.
    [TABLE=collapse,right,nobackground]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [/TABLE]

    [TABLE=collapse,center,alternate]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [TR]
    [TD]Content 1[/TD]
    [TD]Content 2[/TD]
    [/TR]
    [/TABLE]
    Output:
    Option adds additional styling.
    Header 1Header 2
    Content 1Content 2

    Multiple styles can be combined.
    Header 1Header 2
    Content 1Content 2

    Header 1Header 2
    Content 1Content 2
    Content 1Content 2
  • [INDENT] - Text indent

    Indents the wrapped text. This can be nested for larger indentings.
    Example:
    Regular text
    [INDENT]Indented text[/INDENT]
    [INDENT=2]More indented[/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.
  • [HIDE], [HIDEPOSTS], [HIDEREPLY], [HIDETHANKS], [HIDEREPLYTHANKS], [HIDEGROUP] - Hide content

    Hides wrapped text until certain conditions are fullfilled.
    Example:
    [HIDE]Hides wrapped content.[/HIDE]

    [HIDEPOSTS]Hides until user reached number of posts.[/HIDEPOSTS]

    [HIDEREPLY]Hides content until viewer replied to thread.[/HIDEREPLY]

    [HIDETHANKS]Hides content until viewer reacted to content.[/HIDETHANKS]

    [HIDEREPLYTHANKS]Hides content until viewer replied to thread or reacted to content.[/HIDEREPLYTHANKS]

    [HIDEGROUP=administrator]Hides content for non-administrators.[/HIDEGROUP]
    Output:
    Hidden content
    kl_em_not_allowed_to_view_this_content
    Hidden content
    kl_em_not_allowed_to_view_this_content
    Hidden content
    You need to reply to this thread in order to see this content.
    Hidden content
    You need to react to this post in order to see this content.
    Hidden content
    You need to reply to this thread or react to this post in order to see this content.
    Hidden content
    You need to be in at least one of the following groups to see this content:
  • [BIG] - Big

    Make text bigger!
    Example:
    Make text [big]bigger[/big]!
    Output:
    Make text bigger!
  • [BORDER=option] - Border

    A border for text
    Example:
    [border=1px solid red]This text has a border![/border]
    [border=3px dotted blue]This text has a border![/border]
    Output:
    This text has a border!
    This text has a border!
  • [CLASS=option] - CSS Class

    Add a CSS class to your text
    Example:
    [class=gryffindor]Text with Gryffindor styling![/class]
    Output:
    Text with Gryffindor styling!
  • [HR] - Horizontal Rule

    A line that divides
    Example:
    A line that[hr][/hr]divides
    Output:
    A line that
    divides
  • [NOTE] - Note

    Make a note with a hover-tooltip description
    Example:
    You can explain[note]that is, describe in more detail[/note] something with notes!
    Output:
    You can explain{Note} something with notes!
  • [OOC] [OOC=option] - Out of Character Note

    Make an out of character comment or note in a roleplay.
    Example:
    [ooc]This is an out of character note![/ooc]
    [ooc=Title]This is an out of character note![/ooc]
    Output:
    Out of Character:
    This is an out of character note!

    Out of Character: Title
    This is an out of character note!
  • [SMALL] - Small

    Make text smaller.
    Example:
    Make text [small]smaller[/small].
    Output:
    Make text smaller.
Top