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]https://www.example.com[/URL]
    [EMAIL][email protected][/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 protected]]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://www.bluelight.org/xf/BL_Images/BlueLight_Logo.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], [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:
    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
  • [ISPOILER] - Inline text containing spoilers

    Allows you to display text inline among normal content which hides text that may contain spoilers and must be clicked by the viewer to be seen.
    Example:
    You have to click the following [ISPOILER]word[/ISPOILER] to see the content.
    Output:
    You have to click the following word to see the content.
  • [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.
  • [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​
  • [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
  • [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.
  • [AHEADING] - aheading

    An orange auto-header, centered, with a thin black border, useful for making catchy headings. Font characteristics can be modified as required.
    Example:
    [aheading]Create Catchy Headings[/aheading]
    Output:
    Create Catchy Headings
  • [ALIGN=option] - Align

    Aligns any text within the tags. Options: left, right, center, justify.
    Example:
    [align=justify]This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified.[/align]
    Output:

    This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified. This text is justified.

  • [ANCHOR=option] - Named anchor link

    Example:
    [anchor=anchor_name]This is where you jump to[/anchor]
    Output:
  • [BACKGROUND=option] - Background

    Creates any background color of your choosing to illuminate text. Similar to [highlight] but you can select your own color. The color option can be written as a word, or you can use a standard color #hex or RGB value. You can combine this with textbox to create colored boxes, and/or other text options such as font color and size.
    Example:
    [background=#D7BDE2]Produces a pinkish background[/background]

    [background=brown][color=white]Produces a red-brown background behind white text[/color][/background]

    [textbox][background=darkcyan]Creates a colored box[/background][/textbox]

    [size=7][textbox=crimson][background=mediumturquoise][color=mediumblue][b]Another Heading![/b][/color][/background][/textbox][/size]
    Output:
    Produces a pinkish background

    Produces a red-brown background behind white text

    Creates a colored box

    Another Heading!
  • [BHEADING] - bheading

    A blue auto-header, centered, with a thin black border, useful for making headings. Font characteristics can be modified as required.
    Example:
    [bheading]This Is A Blue Auto-Heading[/bheading]
    Output:
    This Is A Blue Auto-Heading
  • [BIG] - Big

    Example:
    [big]This is big text[/big]
    Output:
    This is big text
  • [CHEADING] - cheading

    A classic olive and ivory auto-header, centered, with a thin olive border. Useful for making catchy headings. Font characteristics can be modified as required.
    Example:
    [cheading]Classic Ivory & Olive Heading[/cheading]
    Output:
    Classic Ivory & Olive Heading
  • [CITE] [CITE=option] - Citation

    This creates a box that expands to contain any quote (or text) you enter between the [cite]enter text here[/cite] brackets, and places a small citation beneath, if you enter that detail - as shown in the example. You don't need to enter a citation, in which case it's merely another useful textbox.
    Example:
    [CITE=Mahatma Gandhi]You must be the change you wish to see in the world.[/CITE]
    [CITE]You can't always be the change you wish to see in the world, for some obvious reasons![/CITE]
    Output:
    You must be the change you wish to see in the world.
    Mahatma Gandhi

    You can't always be the change you wish to see in the world, for some obvious reasons!
  • [HIGHLIGHT] - Highlight

    Creates a simple orange highlighted background behind any text placed between the [HIGHLIGHT] [/HIGHLIGHT] brackets
    Example:
    [HIGHLIGHT]Highlighted text[/HIGHLIGHT]

    More highlighted [HIGHLIGHT]text[/HIGHLIGHT] within a normal sentence.
    And another line beneath with another [HIGHLIGHT]key[/HIGHLIGHT] word.

    [SIZE=6][HIGHLIGHT][B]ALSO FOR HEADINGS[/B][/HIGHLIGHT][/SIZE]
    Output:
    Highlighted text

    More highlighted text within a normal sentence.
    And another line beneath with another key word.

    ALSO FOR HEADINGS
  • [HR] - hr

    Places a simple thin line across the page, above wherever you type [HR][/HR]. You can use it on its own to generate a line, or you can place text between the brackets and the line will appear above that text.
    Example:
    [hr]Hello world![/hr]
    Output:

    Hello world!
  • [IMGR=option] - Image with resize

    Example:
    [imgr=300]http://upload.wikimedia.org/wikipedia/commons/9/97/The_Earth_seen_from_Apollo_17.jpg[/imgr]
    Output:
  • [JUMPTO=option] - Anchor link

    Example:
    [jumpto=anchor_name]This takes you to a new location within a post[/jumpto]
    Output:
  • [NOPARSE] - noparse

    This is retained purely for compatibility with old vB posts. Please use the new XenForo default - [PLAIN] - in future.
    Example:
    [noparse][autoheading][/autoheading][b][/b][/noparse]

    *NB Retained for compatibility only. Please use [plain] instead.
    Output:
    [autoheading][/autoheading][b][/b]
  • [NSFW] - nsfw

    Example:
    [nsfw]He gets killed![/nsfw]
    Output:
    NSFW:
    He gets killed!
  • [POST=option] - Post

    A quick and easy way to link to any other Bluelight post by simply entering the post's unique ID number instead of the entire URL. Give the link any name or description you like.
    Example:
    Here's that [post=14160047][b]cool song[/b][/post] you were looking for yesterday

    This is an [post=14638043]interesting video clip[/post] I watched - check it out.
    Output:
    Here's that cool song you were looking for yesterday

    This is an interesting video clip I watched - check it out.
  • [PRE] - Pre

    Example:
    [pre]Text in a pre element
    is displayed in a fixed-width
    Helvetica font, and it preserves
    all spaces and
    line
    breaks[/pre]

    *NB there are lots of unseen spaces around "spaces", but look -->
    Output:
    Text in a pre element
    is displayed in a fixed-width
    Helvetica font, and it preserves
    all      spaces     and
    line
    breaks
  • [REVEAL] [REVEAL=option] - Reveal

    A different type of 'spoiler', more like the old vB spoiler. You can enter a reveal description, or leave it blank
    Example:
    [reveal=Episode II]He gets killed![/reveal]
    [reveal]He gets killed![/reveal]
    Output:
    Reveal Episode II:
    He gets killed!

    Reveal :
    He gets killed!
  • [SIGLINE] - sigline

    Example:
    [sigline].[/sigline]
    Output:

    .
  • [SMALL] - Small

    Example:
    [small]This is small text.[/small]
    Output:
    This is small text.
  • [STRIKE] - strike

    This is retained purely for compatibility with old vB posts. Please use the new XenForo default - [S][/S] - in future.
    Example:
    [strike]strike[/strike]

    *NB: This will work but is redundant - [s]strike[/s] will achieve the same
    Output:
    strike
  • [SUB] - sub

    Standard subscript text
    Example:
    [sub]This is subscript text[/sub]
    Output:
    This is subscript text
  • [SUP] - sup

    Standard superscript text
    Example:
    [sup]this is superscript text[/sup]
    Output:
    this is superscript text
  • [TEXTBOX] [TEXTBOX=option] - Textbox

    Wraps a simple border in any color of your choosing around any text, black by default. Best for short headings - it's not a table so will look strange over multiple lines. The color option can be written as a word, or you can use a standard color #hex or RGB value
    Example:
    [textbox]Wraps a simple black border around any text[/textbox]

    [textbox=#9F9F9F]Wraps a grey border around any text[/textbox]

    [textbox=red]Wraps a red border around any text[/textbox]
    Output:
    Wraps a simple black border around any text

    Wraps a grey border around any text

    Wraps a red border around any text
  • [THREAD=option] - Thread

    A quick and easy way to link to any other Bluelight thread by simply entering the thread's unique number instead of its entire URL. Give the link any name or description you like.
    Example:
    Check out the [thread=832540]music thread[/thread] folks...

    Here's the [thread=400216][b]video sharing thread[/b][/thread] you were looking for.
    Output:
    Check out the music thread folks...

    Here's the video sharing thread you were looking for.
  • [XQUOTE] [XQUOTE=option] - Xquote

    This creates an automatically-centered full-width box with a thick black border and transparent background. You can use [xquote=option] to set a background color - replace 'option' with your choice. The color can be written as a word, or you can use a standard color #hex or RGB value.
    Example:
    [xquote]This is a quote[/xquote]

    [xquote=lightblue]This gives it a light blue background[/xquote]
    Output:
    This is a quote


    This gives it a light blue background
  • [YQUOTE] - Yquote

    This creates an automatically-centered full-width light-colored box with a thin dotted black border. Useful for containing text and images or creating alternative-style quotes.
    Example:
    [yquote]This is a quote[/yquote]
    Output:
    This is a quote
  • [ZQUOTE] [ZQUOTE=option] - Zquote

    This creates an automatically-centered full-width box with a thinner black border than xquote. You can use [zquote=option] to set any background color - replace 'option' with your choice. The color can be written as a word, or you can use a standard color #hex or RGB value.
    Example:
    [ZQUOTE]Default background is transparent[/ZQUOTE]

    [zquote=beige]A beige colored background[/zquote]

    [ZQUOTE=#787878][color=#FFFFFF]White text on a grey background[/color][/ZQUOTE]
    Output:
    Default background is transparent


    A beige colored background


    White text on a grey background
Top