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:
    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://daoforum.org/data/assets/logo/og.png[/IMG]
    Output:
    og.png

  • [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, Bluesky, Dailymotion, Facebook, Flickr, Giphy, Imgur, Instagram, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, X, Vimeo, YouTube
    Example:
    [MEDIA=youtube]kQ0Eo1UccEE[/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
    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

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

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

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

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

  • [ACCITEM=option] - Accordion item

    Single collapsible item inside an accordion. Option = summary text. Native
    /, no JavaScript.
    Example:
    custom_bb_code_example.accitem
    Output:
    custom_bb_code_output.accitem

  • [ACCORDION] - Accordion

    Wrapper for a stack of [accitem] elements. Each child is independently expandable. No JavaScript required.
    Example:
    custom_bb_code_example.accordion
    Output:
    custom_bb_code_output.accordion

  • [BADGE=option] - Badge

    Pill-shaped status label. Option must be one of: verified, hot, new, escrow, popular, limited, sold, featured, kyc, onchain, live, passed, failed, pending.
    Example:
    custom_bb_code_example.badge
    Output:
    custom_bb_code_output.badge

  • [CARD] [CARD=option] - Card

    Bordered/rounded content card. Optional variant: default, outline, filled, ghost, warning, success, info, dark.
    Example:
    custom_bb_code_example.card
    Output:
    custom_bb_code_output.card

  • [COL] - Column

    Column inside a [grid] block. Auto-collapses to a single column on mobile.
    Example:
    custom_bb_code_example.col
    Output:
    custom_bb_code_output.col

  • [COMPARE] [COMPARE=option] - Comparison table

    Pipe-separated "us vs them" comparison table. Option (optional) is the header row, e.g. [compare=Feature|Us|Typical agency]. Each body row's first cell is the row label; "yes", "no", "partial" render as ✓/✗/≈.
    Example:
    custom_bb_code_example.compare
    Output:
    custom_bb_code_output.compare

  • [CONTACT] - Contact bar

    Contact bar with named params: telegram, discord, email, twitter, x, matrix, signal, website, forum. Hidden for guests.
    Example:
    custom_bb_code_example.contact
    Output:
    custom_bb_code_output.contact

  • [CTA=option] - Call-to-action button

    Call-to-action button. Option must be a https://, /internal, #anchor, or mailto: URL. http:// is rejected.
    Example:
    [cta=https://t.me/yourhandle]💬 Message me on Telegram[/cta]
    Output:
    custom_bb_code_output.cta

  • [DIVIDER] [DIVIDER=option] - Divider

    Horizontal section break. Optional variant: line (default), glow, dots, ascii.
    Example:
    custom_bb_code_example.divider
    Output:
    custom_bb_code_output.divider

  • [FEATURE] [FEATURE=option] - Feature line

    Icon + bullet line. Option = FontAwesome icon name (e.g. check, bolt, shield). Defaults to "check".
    Example:
    custom_bb_code_example.feature
    Output:
    custom_bb_code_output.feature

  • [GRID=option] - Grid

    Multi-column layout. Option = 2, 3, or 4. Children must all be [col] tags.
    Example:
    custom_bb_code_example.grid
    Output:
    custom_bb_code_output.grid

  • [HEAD] [HEAD=option] - Heading

    Section heading. Option (optional): plain (default), accent, line.
    Example:
    [head=accent]Pricing[/head]
    Output:
    custom_bb_code_output.head

  • [HERO] [HERO=option] - Hero banner

    Big banner at the top of the rich post. Optional subtitle goes in [hero=…subtitle…].
    Example:
    [hero=Turnaround 5 days · From $1,500]Senior Solidity Audits[/hero]
    Output:
    custom_bb_code_output.hero

  • [ILLUSTRATION=option] - Illustration

    Curated SVG glyph. Option = one of: audit, shield, gem, rocket, contract, chart, vault, robot, wallet, megaphone, handshake, code, stars, network, trophy. Inner content (optional) becomes the caption.
    Example:
    custom_bb_code_example.illustration
    Output:
    custom_bb_code_output.illustration

  • [POINTS] [POINTS=option] - Points

    Semantic list: one item per line. Option bullet|number|check. Inline formatting allowed inside each line.
    Example:
    custom_bb_code_example.points
    Output:
    custom_bb_code_output.points

  • [PRICE=option] - Price tag

    Price tag. Option grammar: AMOUNT (strike=AMOUNT)? (unit=UNIT)? — e.g. [price=499 strike=799 unit=$].
    Example:
    custom_bb_code_example.price
    Output:
    custom_bb_code_output.price

  • [SECTION] [SECTION=option] - Section band

    Alternating band inside a [theme]. Option (optional): light (default), muted, dark, accent.
    Example:
    custom_bb_code_example.section
    Output:
    custom_bb_code_output.section

  • [SHOWCASE] [SHOWCASE=option] - Showcase gallery

    Gallery of XenForo attachments uploaded to the current post. Option = comma-separated attachment IDs (max 12). Empty option = first 12 image attachments. Remote URLs not accepted.
    Example:
    custom_bb_code_example.showcase
    Output:
    custom_bb_code_output.showcase

  • [SPLIT] [SPLIT=option] - Split (asymmetric)

    Asymmetric two-pane layout. Option (optional) one of: 60-40 (default), 70-30, 50-50, 40-60, 30-70. Children must be [splitleft] and [splitright].
    Example:
    custom_bb_code_example.split
    Output:
    custom_bb_code_output.split

  • [SPLITLEFT] - Split — left pane

    Left pane of a [split]. Inserted automatically by the editor snippet.
    Example:
    custom_bb_code_example.splitleft
    Output:
    custom_bb_code_output.splitleft

  • [SPLITRIGHT] - Split — right pane

    Right pane of a [split]. Inserted automatically by the editor snippet.
    Example:
    custom_bb_code_example.splitright
    Output:
    custom_bb_code_output.splitright

  • [STATS] - Stat strip

    Stat strip — pipe-separated rows of "value|label". Renders static (no counter-up animation).
    Example:
    custom_bb_code_example.stats
    Output:
    custom_bb_code_output.stats

  • [STEPS] - Steps

    Numbered "how it works" list. Pipe-separated rows of "title|body".
    Example:
    custom_bb_code_example.steps
    Output:
    custom_bb_code_output.steps

  • [TAB=option] - Tab

    Single tab inside a [tabs] block. Option = tab label (1-40 chars).
    Example:
    custom_bb_code_example.tab
    Output:
    custom_bb_code_output.tab

  • [TABS] - Tabs

    Tabbed section. Children must all be [tab=Label] blocks. Pure CSS, no JavaScript.
    Example:
    custom_bb_code_example.tabs
    Output:
    custom_bb_code_output.tabs

  • [TESTIMONIAL] [TESTIMONIAL=option] - Testimonial

    Quoted testimonial card. Option (optional) = display name of the person being quoted (≤30 chars).
    Example:
    custom_bb_code_example.testimonial
    Output:
    custom_bb_code_output.testimonial

  • [THEME] [THEME=option] - Theme wrapper

    Required outer wrapper for every rich post. Sets theme + accent + density + background via CSS classes. e.g. [theme=glass accent=cyan density=cozy bg=mesh].
    Example:
    [theme=glass accent=cyan bg=mesh]…rich post…[/theme]
    Output:
    custom_bb_code_output.theme

  • [TIMELINE] - Timeline

    Vertical timeline. Pipe-separated rows of "when|what".
    Example:
    custom_bb_code_example.timeline
    Output:
    custom_bb_code_output.timeline
Back
Top