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]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://thebabywearer.com/forum/styles/uix/images/tbw_white.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 Form, Google+, Google Sheets, Google Spreadsheet, Hudl, Hulu, IGN, IMDb, Imgur, Indiegogo, Instagram, Internet Archive, Kickstarter, Libsyn, Liveleak, Livestream, 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, 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] - 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.
  • [BG=option] - Background

    Example:
    [bg=darkcyan]text[/bg]

    You may use any acceptable CSS Color Code:
    https://www.quackit.com/css/css_color_codes.cfm
    Output:
    text


    You may use any acceptable CSS Color Code:
    https://www.quackit.com/css/css_color_codes.cfm
  • [FA] - FontAwesome

    Example:
    [fa]broom[/fa]

    https://fontawesome.com/cheatsheet
    Output:


    https://fontawesome.com/cheatsheet
  • [FIELDSET=option] - Fieldset

    Example:
    [fieldset=title]content[/fieldset]
    Output:
    titlecontent
  • [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]
  • [H1] [H1=option] - Header

    Example:
    [H1]This is a header[/H1]
    [H1=underline]This is a header[/H1]
    [H1=overline]This is a header[/H1]
    [H1=line-through]This is a header[/H1]
    Output:

    This is a header


    This is a header


    This is a header


    This is a header

  • [H3] [H3=option] - Header 3

    Example:
    [H3]This is a sub header[/H3]
    [H3=underline]This is a sub header[/H3]
    [H3=overline]This is a sub header[/H3]
    [H3=line-through]This is a sub header[/H3]
    Output:

    This is a sub header


    This is a sub header


    This is a sub header


    This is a sub header

  • [H4] [H4=option] - Header 4

    Example:
    [H4]This is a sub header[/H4]
    [H4=underline]This is a sub header[/H4]
    [H4=overline]This is a sub header[/H4]
    [H4=line-through]This is a sub header[/H4]
    Output:

    This is a sub header


    This is a sub header


    This is a sub header


    This is a sub header

  • [HIGHLIGHT=option] - Highlight

    Example:
    [highlight=deeppink]This text should be highlighted[/highlight]
    [highlight=darkviolet]This text should be highlighted[/highlight]
    [highlight=navy]This text should be highlighted[/highlight]
    [highlight=lightseagreen]This text should be highlighted[/highlight]

    You may use any acceptable CSS Color Code:
    https://www.quackit.com/css/css_color_codes.cfm
    Output:
    This text should be highlighted

    This text should be highlighted

    This text should be highlighted

    This text should be highlighted


    You may use any acceptable CSS Color Code:
    https://www.quackit.com/css/css_color_codes.cfm
  • [HR=option] - HR

    Example:
    [hr=solid][/hr]
    [hr=dashed][/hr]
    [hr=dotted][/hr]
    [hr=double][/hr]
    Output:



  • [JUSTIFY] - Justify

    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.
  • [PULLQUOTE=option] - Pull Quote

    Example:
    [pullquote=Dumbledore, Harry Potter & the Chamber of Secrets]It is our choices, Harry, that show what we truly are, far more than our abilities.[/pullquote]
    Output:

    It is our choices, Harry, that show what we truly are, far more than our abilities.

     
      -- Dumbledore, Harry Potter & the Chamber of Secrets

CSS Color Names

 

DarkRed Plum PowderBlue LawnGreen Black
Maroon Violet LightSteelBlue GreenYellow DarkSlateGray
Brown Orchid LightCyan YellowGreen SlateGray
FireBrick MediumOrchid paleturquoise OliveDrab LightSlateGray
Red DarkMagenta Aquamarine Olive Dimgray
OrangeRed Purple Cyan DarkKhaki Gray
DarkOrange DarkViolet Aqua Khaki DarkGray
Orange DarkOrchid Turquoise PaleGoldenrod Silver
Gold MediumPurple MediumTurquoise PeachPuff lightgray
Yellow BlueViolet darkturquoise Moccasin Gainsboro
IndianRed RebeccaPurple LightSeaGreen NavajoWhite MistyRose
LightCoral Indigo MediumAquamarine PapayaWhip LavenderBlush
Tomato DarkSlateBlue DarkSeaGreen LightGoldenrodYellow Linen
Coral MidnightBlue CadetBlue LemonChiffon AntiqueWhite
LightSalmon Navy DarkCyan LightYellow Ivory
DarkSalmon DarkBlue Teal CornSilk FloralWhite
Salmon MediumBlue SpringGreen BlanchedAlmond OldLace
Crimson Blue MediumSpringGreen Bisque Beige
MediumVioletRed RoyalBlue LightGreen Wheat Seashell
Fuchsia SlateBlue PaleGreen Burlywood WhiteSmoke
Magenta MediumSlateBlue MediumSeaGreen Tan GhostWhite
DeepPink SteelBlue SeaGreen RosyBrown AliceBlue
PaleVioletRed CornflowerBlue DarkGreen SandyBrown Azure
HotPink DodgerBlue Green Goldenrod MintCream
LightPink DeepSkyBlue ForestGreen Peru HoneyDew
Pink LightSkyBlue LimeGreen Chocolate Snow
Lavender SkyBlue Lime SaddleBrown White
Thistle LightBlue Chartreuse Sienna