BB codes

For your convenience, the toolbar above the text editor works in much the same way as most existing word processing applications. Your messages can be formatted in a number of different ways, as well as have external media inserted into them, for example.

Simply highlight the text that you wish to edit and click on the effect that you wish to use, or click on the effect and start typing, and it will format your text accordingly.

For inserting external media, spoilers, links, and images -or- changing the size, colour, and font of your text - the editor provides a variety of useful overlay boxes to assist you with these tasks.

The BB codes available on the site are listed below as well as examples of their use, should you wish to bypass this.

  • [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]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 by preceding the username with @.
    Example:
    [USER=1]User name[/USER]
    Output:
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.
    Example:
    [IMG]http://nerdface.co.uk/styles/xenfocus/uniform/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: ABC News, Amazon Product, Apple Music, audioBoom, Audiomack, Bandcamp, BBC News, BitChute, Bleacher Report videos, Break, Brightcove, CBS News Video, CNBC, CNN, CNNMoney, CollegeHumor, Comedy Central, Coub, Dailymotion, Democracy Now!, dumpert, 8tracks, ESPN, Facebook, Flickr, Fox News, FOX Sports, Funny or Die, Gamespot, GameTrailers, Getty Images, Gfycat, Gifs.com, Giphy, GitHub Gist, Global News, GoFundMe, Google Drive, Google+, Google Sheets, Hudl, Hulu, IGN, IMDb, Imgur, Indiegogo, Instagram, Internet Archive, İzlesene, JW Platform, Kontinental Hockey League (КХЛ), Kickstarter, Libsyn, Liveleak, Livestream, Mail.Ru, Medium, Metacafe, Mixcloud, MLB, MRCTV, MSNBC, National Geographic Channel, National Geographic Video, NBC News, NBC Sports, NHL Videos and Highlights, NPR, The New York Times Video, Orfium, Pastebin, Pinterest, Plays.tv, Podbean, Prezi, Reddit threads and comments, Rutube, Scribd, Sendvid, SlideShare, SoundCloud, Sporcle, Sportsnet, Spotify, Steam store, Stitcher, Straw Poll, Streamable, Streamja, Team Coco, TED Talks, Telegram, The Atlantic Video, The Guardian (obsolete), The Onion, TikTok, TinyPic videos, TMZ, Trailer Addict, Tumblr, 247Sports, Twitch, Twitter, Ustream, VBOX7, Veoh, Vevo, Video Detective, Vimeo, Vine, VK, Vocaroo, Vox, Washington Post Video, WorldStarHipHop, The Wall Street Journal Online, XboxClips, Gamer DVR, Youku, 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], [TABLE=collapse], [TABLE=full] - Tables

    Special markup to display tables in your content.
    Example:
    Default:
    [TABLE]
    [TR][TH]Header 1[/TH][TH]Header 2[/TH][/TR]
    [TR][TD]Content 1[/TD][TD]Content 2[/TD][/TR]
    [/TABLE]

    Collapse:
    [TABLE=collapse]
    [TR][TH]Header 1[/TH][TH]Header 2[/TH][/TR]
    [TR][TD]Content 1[/TD][TD]Content 2[/TD][/TR]
    [/TABLE]

    Full:
    [TABLE=full]
    [TR][TH]Header 1[/TH][TH]Header 2[/TH][/TR]
    [TR][TD]Content 1[/TD][TD]Content 2[/TD][/TR]
    [/TABLE]
    Output:
    Default:
    Header 1Header 2
    Content 1Content 2

    Collapse:
    Header 1Header 2
    Content 1Content 2

    Full:
    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.
  • [FA] - FontAwesome

    Embedded icons from Font Awesome.
    Example:
    [FA]fa-star[/FA] - Embed a solid FontAwesome (default)
    [FA]far fa-star[/FA] - Embed a regular FontAwesome
    [FA]fal fa-star[/FA] - Emed a light FontAwesome
    [FA]fab fa-fort-awesome[/FA] - Embed a brand FontAwesome

    [COLOR=#00b300][FA]fa-check-circle[/FA][/COLOR] - Embed a FontAwesome with color
    [FA]fa-check-circle fa-3x[/FA] - Enlarge an icon between 1x to 5x

    [FA]fa-spinner fa-spin[/FA] - Rotation animation 360°
    [FA]fa-spinner fa-pulse[/FA] - Rotation pulsation 360°

    [FA]fa-shield-alt fa-rotate-90[/FA] - Rotation 90°
    [FA]fa-shield-alt fa-rotate-180[/FA] - Rotation 180°
    [FA]fa-shield-alt fa-rotate-270[/FA] - Rotation 270°
    [FA]fa-shield-alt fa-flip-horizontal[/FA] - Horizontal leveling
    [FA]fa-shield-alt fa-flip-vertical[/FA] - Vertical setting

    [FA]fa-wrench faa-wrench[/FA] - faa-wrench
    [FA]fa-bell faa-ring[/FA] - faa-ring
    [FA]fa-car-crash faa-horizontal[/FA] - faa-horizontal
    [FA]fa-thumbs-up faa-vertical[/FA] - faa-vertical
    [FA]fa-exclamation-triangle faa-flash[/FA] - faa-flash
    [FA]fa-spinner faa-spin[/FA] - faa-spin
    [FA]fa-broom faa-float[/FA] - faa-float
    [FA]fa-heart faa-pulse[/FA] - faa-pulse
    [FA]fa-envelope faa-shake[/FA] - faa-shake
    [FA]fa-trophy faa-tada[/FA] - faa-tada
    [FA]fa-plane faa-passing[/FA] - faa-passing
    [FA]fa-plane faa-passing-reverse[/FA] - faa-passing-reverse
    [FA]far fa-circle faa-burst[/FA] - faa-burst
    [FA]fa-chevron-double-down faa-falling[/FA] - faa-falling
    Output:
    - Embed a solid FontAwesome (default)
    - Embed a regular FontAwesome
    - Embed a light FontAwesome
    - Embed a brand FontAwesome

    - Embed a FontAwesome with color
    - Enlarge an icon between 1x to 5x

    - Rotation animation 360°
    - Rotation pulsation 360°

    - Rotation 90°
    - Rotation 180°
    - Rotation 270°
    - Horizontal leveling
    - Vertical setting

    - faa-wrench
    - faa-ring
    - faa-horizontal
    - faa-vertical
    - faa-flash
    - faa-spin
    - faa-float
    - faa-pulse
    - faa-shake
    - faa-tada
    - faa-passing
    - faa-passing-reverse
    - faa-burst
    - faa-falling
  • [FLOAT=option] - Float

    Float an image to the left or right and allow for surrounding text to wrap around it.
    Example:
    [FLOAT=left][IMG]http://nerdface.co.uk/styles/xenfocus/uniform/logo.png[/IMG][/FLOAT] This is some text to wrap around an image that has been floated to the left. I decided not to use Lorem Ipsum to demonstrate this because this is Nerdface, and we do things differently! Now I just need to add a few more words for styling, and I think we're about done..

    [FLOAT=right][IMG]http://nerdface.co.uk/styles/xenfocus/uniform/logo.png[/IMG][/FLOAT] This is some text to wrap around an image that has been floated to the right. I decided not to use Lorem Ipsum to demonstrate this because this is Nerdface, and we do things differently! Now I just need to add a few more words for styling, and I think we're about done..
    Output:
    This is some text to wrap around an image that has been floated to the left. I decided not to use Lorem Ipsum to demonstrate this because this is Nerdface, and we do things differently! Now I just need to add a few more words for styling, and I think we're about done..

    This is some text to wrap around an image that has been floated to the right. I decided not to use Lorem Ipsum to demonstrate this because this is Nerdface, and we do things differently! Now I just need to add a few more words for styling, and I think we're about done..
  • [GALLERY=option] - Gallery embed

    BB code for displaying gallery media items and albums.
    Example:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
    Output:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
  • [LMGTFY] [LMGTFY=option] - Let me Google that for you..

    Provides a link to a search, often in a sarcastic manner.
    Example:
    [LMGTFY]Google[/LMGTFY]
    [LMGTFY=b]Bing[/LMGTFY]
    [LMGTFY=y]Yahoo![/LMGTFY]
    [LMGTFY=a]AOL[/LMGTFY]
    [LMGTFY=k]Ask[/LMGTFY]
    [LMGTFY=d]DuckDuckGo[/LMGTFY]
    Output:
  • [UBS=option] - BlogEntry/Blog/Series embed

    BB code for displaying blog entries, blogs and series
    Example:
    [UBS=blog_entry, X]UBS Blog Entry BB Code[/UBS]
    Output:
    [UBS=blog_entry, X]UBS Blog Entry BB Code[/UBS]
Top Bottom