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][email protected][/EMAIL]
    Output:
    https://www.example.com
    [email protected]

  • [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:
    Go to example.com
    Email me

  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when mentioning a user.
    Example:
    [USER=1]Username[/USER]
    Output:
    Username

  • [IMG] - Image

    Display an image, using the wrapped text as the URL.
    Example:
    [IMG]https://d-pad.life/styles/uix/images/dpadlifelogoDark.png[/IMG]
    Output:
    dpadlifelogoDark.png

  • [VIDEO] - Video

    Displays a video, using the wrapped text as the URL.
    Example:
    [VIDEO]https://d-pad.life/D-Padfellas.mp4[/VIDEO]

    [VIDEO='width:300']https://d-pad.life/D-Padfellas.mp4[/VIDEO]
    Output:


  • [AUDIO] - Audio

    Displays an audio player, using the wrapped text as URL.
    Example:
    [AUDIO]https://d-pad.life/I_always_wanted_to_be_a_D-Padder.mp3[/AUDIO]
    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, Acast, Anchor, Apple Music, Apple Podcasts, Audioboom, Audiomack, Audius, Bandcamp, BBC News, BitChute, Bluesky, Brightcove, Bunny Stream, Captivate, Castos, CBS News Video, Clyp, CNBC, CNN, CNNMoney, CodePen, Comedy Central, Coub, Dailymotion, Democracy Now!, dumpert, 8tracks, ESPN, Facebook, Falstad Circuit Simulator, Flickr, Fox News, Funny or Die, Gamespot, Getty Images, Gifs.com, GIPHY, GitHub Gist, Global News, GoFundMe, Google Drive, Google+, Google Sheets, Hudl, Hulu, IGN, IMDb trailers, Imgur, Indiegogo, Internet Archive, İzlesene, JSFiddle, JW Platform, Kaltura, Kontinental Hockey League (КХЛ), Kickstarter, Libsyn, Liveleak, Livestream, Mail.Ru, Mastodon, Medium, Megaphone, Metacafe, Mixcloud, MLB, MRCTV, MSNBC, Nacho Video, National Geographic Channel, National Geographic Video, NBC News, NHL Videos and Highlights, NPR, The New York Times Video, Odysee, On3 DB, Orfium, Pastebin, Pinterest, Podbean, Prezi, Reddit threads and comments, Rumble, Rutube, Scribd, Sendvid, SlideShare, SoundCloud, Sporcle, Sportsnet, Spotify, Spreaker, Steam store, Straw Poll, Streamable, Team Coco, TED Talks, Telegram, The Atlantic Video, The Guardian (obsolete), The Onion, Threads, TikTok, TMZ, TradingView, Trailer Addict, Trending Views, Tumblr, 247Sports, Twitch, X, Ustream, VBOX7, Veoh, Vevo, Video Detective, Vimeo, Vine, VK, Vocaroo, Vox, Washington Post Video, Wavekit, Wistia, WorldStarHipHop, The Wall Street Journal Online, GameClips.io, Gamer DVR, XenForo, Youku, YouMaker, YouTube

  • Example:
    [MEDIA=youtube]mSbjA-dSNzI[/MEDIA]
    Output:

  • [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
    Click to expand...
    A person said:
    Something they said
    Click to expand...

  • [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

    Hides text that may contain spoilers so that it 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 sections [ICODE]are a convenient way[/ICODE] of displaying code inline.

    Rich formatting within inline code sections [ICODE=rich]is [COLOR=red]also[/COLOR] [U]supported[/U][/ICODE].
    Output:
    Inline code sections are a convenient way of displaying code inline.

    Rich formatting within inline code sections is also supported.

  • [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

  • [HEADING=level] - Headings levels 1 to 3

    Marks text as a structured heading to facilitate machine readability.
    Example:
    [HEADING=1]Major heading[/HEADING]
    This text comes under a major heading, used to separate the primary sections of an article.

    [HEADING=2]Minor heading[/HEADING]
    When you need to subdivide the primary sections of an article, use a level 2 minor heading.

    [HEADING=3]Subheading[/HEADING]
    If you require additional subdivision, you may drop to level 3.
    Output:

    Major heading​

    This text comes under a major heading, used to separate the primary sections of an article.

    Minor heading​

    When you need to subdivide the primary sections of an article, use a level 2 minor heading.

    Subheading​

    If you require additional subdivision, you may drop to level 3.

  • [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.

  • [ABBR] [ABBR=option] - Abbreviation

    An abbreviation, with mouse-over expansion
    Example:
    [abbr="on hover text"]text[/abbr]
    Output:
    text

  • [ANCHOR] [ANCHOR=option] - Anchor

    Generate a HTML anchor tag
    Example:
    Generate an anchor point;
    [anchor]introduction[/anchor]

    Goto an anchor point
    [anchor=#introduction]Click here to go to introduction[/anchor]
    Output:
    Generate an anchor point;


    Goto an anchor point
    Click here to go to introduction

  • [ARTICLE] [ARTICLE=option] - Article

    Displays an article with an optional source attribution.
    Example:
    [ARTICLE=https://en.wikipedia.org/wiki/Article_(publishing)]
    A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

    A news article can include accounts of eyewitnesses to the happening event. It can contain photographs, accounts, statistics, graphs, recollections, interviews, polls, debates on the topic, etc. Headlines can be used to focus the reader’s attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.
    [/ARTICLE]
    Output:
    Article:
    A news article discusses current or recent news of either general interest (i.e. daily newspapers) or of a specific topic (i.e. political or trade news magazines, club newsletters, or technology news websites).

    A news article can include accounts of eyewitnesses to the happening event. It can contain photographs, accounts, statistics, graphs, recollections, interviews, polls, debates on the topic, etc. Headlines can be used to focus the reader's attention on a particular (or main) part of the article. The writer can also give facts and detailed information following answers to general questions like who, what, when, where, why and how.

  • [BIMG] [BIMG=option] - Block image

    Displays an image, allowing it to be resized, aligned or floated, and compared with another image.
    Example:
    [bimg]https://d-pad.life/styles/uix/images/dpadlifelogoDark.png[/bimg]

    [bimg width=100px]https://d-pad.life/styles/uix/images/dpadlifelogoDark.png[/bimg]

    [BIMG diff_pos="0.5" width="100%"]
    https://d-pad.life/styles/uix/images/dpadlifelogoDark.png
    https://d-pad.life/styles/uix/images/dpadlifelogoMagnum.png
    [/BIMG]
    Output:




  • [HR] [HR=option] - Horizontal line

    Example:
    Default line:
    [hr]
    Unformatted line:
    [hr=0]
    Solid line:
    [hr=1]
    Lightly faded on both sides:
    [hr=2]
    Significantly faded on both sides:
    [hr=3]
    Faded to left:
    [hr=4]
    Faded from right:
    [hr=5]
    Output:
    Default line:
    Unformatted line:
    Solid line:
    Lightly faded on both sides:
    Significantly faded on both sides:
    Faded to left:
    Faded from right:

  • [SLIDER] [SLIDER=option] - Slider

    Cycles through slides in a slide-show format.
    Example:
    [SLIDER]
    [SLIDE_HEADER]D-Pad.life Dark Logo[/SLIDE_HEADER]
    [SLIDE][IMG]https://d-pad.life/styles/uix/images/dpadlifelogoDark.png[/IMG]
    [/SLIDE]

    [SLIDE_HEADER]D-Pad.life Magnum logo[/SLIDE_HEADER]
    [SLIDE][IMG]https://d-pad.life/styles/uix/images/dpadlifelogoMagnum.png[/IMG]
    [/SLIDE]
    [/SLIDER]
    Output:
    D-Pad.life Dark Logo
    dpadlifelogoDark.png
    D-Pad.life Magnum logo
    dpadlifelogoMagnum.png

  • [TABS] [TABS=option] - Tabs

    Render Tabs into a post
    Example:
    [TABS]
    [SLIDE_HEADER]Title 1[/SLIDE_HEADER]
    [SLIDE]Content 1 - [tab=2]Link to tab 2[/tab][/SLIDE]
    [SLIDE title="Title 2"]Content 2[/SLIDE]
    [/TABS]

    [TABS width=200]
    [SLIDE_HEADER]First Slide[/slide_header]
    [SLIDE]This set of Tabs is 200 pixels wide - [tab=2]Link to tab 2[/tab][/SLIDE]
    [SLIDE title="Second Slide"]Second tab content[/SLIDE]
    [/TABS]
    Output:
    Title 1 Title 2


    First Slide Second Slide
    • This set of Tabs is 200 pixels wide - Link to tab 2
    • Second tab content

  • [TIME] [TIME=option] - Time

    Displays a time or date based on a member's timezone preference.
    Example:
    [TIME=datetime]2021-03-28T12:00:00+0000[/TIME]


    [TIME format="countup" parts="0"]2021-03-28 00:00:00 Europe/London[/TIME]

    [TIME format="countdown" parts="0"]2050-02-24 17:34:52 Europe/London[/TIME]
    Output:



    4 years, 19 days, 16 hours, 41 minutes, 1 second

    24 years, 10 months, 9 days, 53 minutes, 51 seconds
Top Bottom
Back