• Welcome to Black Dahlia Roleplaying, a multi-genre writing website for adults (18+) serving writers of all levels and abilities. Our goal is to provide a fun and creative space for writers and roleplayers to come together to explore new worlds, settings, and characters.

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:
    https://www.example.com
    example@example.com

  • [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:
    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://blackdahliaroleplaying.com/var(--xf-publicLogoUrl)[/IMG]
    Output:
    var(--xf-publicLogoUrl)

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

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

  • [ABBR] [ABBR=option] - Abbreviation

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

  • [ACCORDION] [ACCORDION=option] - Accordion

    A customizable interactive accordion
    Example:
    [ACCORDION width=200]
    [SLIDE_HEADER]First Slide[/SLIDE_HEADER]
    [SLIDE]First slide content[/SLIDE]
    [SLIDE title="Second Slide"]Second slide content[/SLIDE]
    [/ACCORDION]
    Output:
    First Slide
    First slide content
    Second Slide
    Second slide content

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

  • [ATTN] [ATTN=option] - Attention

    Make a block of text stand out with a border and custom title. Title is not required, but there will be a small gap if you leave it blank.
    Example:
    [attn=ATTENTION!]You should absolutely be reading this.[/attn]

    [attn=★★★★★]I'm grabbing all the attention now.[/attn]
    Output:
    ATTENTION!You should absolutely be reading this.


    ★★★★★I'm grabbing all the attention now.

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

    Displays an image, allowing it to be resized, aligned or floated, and compared with another image.
    Example:
    [bimg]http://www.google.com/images/srpr/logo3w.png[/bimg]
    [bimg width=100px]http://www.google.com/images/srpr/logo3w.png[/bimg]
    Output:

  • [DIV] [DIV=option] - DIV

    A customizable box which allows you to set your own styles using CSS.
    Example:
    [div="background-color:#c49b9b; border:5px solid #4f4242; font-size:12px; font-family:georgia; color:#ffd3d3; padding:10px"]This is a box with a custom background, border, font, and padding.[/div]
    Output:
    This is a box with a custom background, border, font, and padding.

  • [FIELDSET] [FIELDSET=option] - Fieldset

    This BB Code inserts a fieldset
    Example:
    [fieldset]This is a fieldset[/fieldset]
    [fieldset title="Title"]This is a fieldset[/fieldset]
    [fieldset title="Title" width=80]This is a fieldset[/fieldset]
    Output:
    Fieldset:
    This is a fieldset

    Title
    This is a fieldset

    Title
    This is a fieldset

  • [FLOAT_LEFT] - Float Left

    Float content left, enabling text to wrap around it.
    Example:
    [FLOAT_LEFT][img]https://blackdahliaroleplaying.com/data/assets/logo_alternate/bdrp.png[/img][/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    bdrp.png
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.

  • [FLOAT_RIGHT] - Float Right

    Float content right, enabling text to wrap around it.
    Example:
    [FLOAT_RIGHT][img]https://blackdahliaroleplaying.com/data/assets/logo_alternate/bdrp.png[/img][/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    bdrp.png
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.

  • [FA] [FA=option] - Font Awesome

    Enter the full class name of an icon to use it. See the examples for more details. You can find Font Awesome icons here: https://fontawesome.com/icons?d=gallery
    Example:
    That’s the [fa]fa fa-bomb[/fa]!
    [color=red][fa]fa fa-bomb[/fa][/color]

    [fa]fas fa-spinner[/fa] Solid
    [fa]fas fa-spinner fa-spin[/fa] Spin
    [fa]fas fa-spinner fa-pulse[/fa] Pulse

    [fa]fas fa-shield-alt[/fa] Standard
    [fa]fas fa-shield-alt fa-rotate-90[/fa] Rotated 90
    [fa]fas fa-shield-alt fa-rotate-180[/fa] Rotated 180
    [fa]fas fa-shield-alt fa-rotate-270[/fa] Rotated 270
    [fa]fas fa-shield-alt fa-flip-horizontal[/fa] Flip Horizontal
    [fa]fas fa-shield-alt fa-flip-vertical[/fa] Flip Vertical

    [fa]fas fa-bell[/fa] Regular Size (1x)
    [fa]fas fa-bell fa-2x[/fa] 2x
    [fa]fas fa-bell fa-3x[/fa] 3x
    [fa]fas fa-bell fa-4x[/fa] 4x
    [fa]fas fa-bell fa-5x[/fa] 5x
    Output:
    That's the !


    Solid
    Spin
    Pulse

    Standard
    Rotated 90
    Rotated 180
    Rotated 270
    Flip Horizontal
    Flip Vertical

    Regular Size (1x)
    2x
    3x
    4x
    5x

  • [H1] - Headings

    BBCode for styling titles and headings that match all themes.
    Example:
    [h1]Example[/h1]
    Normal text

    [h2]Example[/h2]
    Normal text

    [h3]Example[/h3]
    Normal text

    [h4]Example[/h4]
    Normal text
    Output:

    Example

    Normal text

    Example

    Normal text

    Example

    Normal text

    Example

    Normal text

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

  • [HR2=option] - Horizontal Rule, Dotted

    A dotted horizontal rule which allows you to set the color and height of the bar. All height values are in pixels.
    Example:
    Below is a 1px, dotted, sea green bar using a color name to define the color.
    [hr2=seagreen]1[/hr2]

    [hr2=#808080]3[/hr2]
    Above is a 3px, dotted, grey bar using a hex code to define the color.
    Output:
    Below is a 1px, dotted, sea green bar using a color name to define the color.

    Above is a 3px, dotted, grey bar using a hex code to define the color.

  • [HR1=option] - Horizontal Rule, Fade

    A horizontal rule which allows you to set the color and height of the bar. All height values are in pixels.
    Example:
    Below is a 1px, dark red line using a color name to define the color.
    [hr1=darkred]1[/hr1]

    [hr1=#add8e6 ]4[/hr1]
    Above is a 4px, light blue line using a hex code to define the color.
    Output:
    Below is a 1px, dark red line using a color name to define the color.

    Above is a 4px, light blue line using a hex code to define the color.

  • [HR3=option] - Horizontal Rule, Solid

    A solid horizontal rule which allows you to set the color and height of the bar. All height values are in pixels.
    Example:
    Below is a 3px, purple bar using a color name to define the color.
    [hr3=purple]2[/hr3]

    [hr3=#FFC0CB]5[/hr3]
    Above is a 5px, pink bar using a hex code to define the color.
    Output:
    Below is a 3px, purple bar using a color name to define the color.

    Above is a 5px, pink bar using a hex code to define the color.

  • [IMGWIDTH=option] - Image Width or Height

    Specify the height or width to resize an image. Be sure to use the appropriate tag.
    Example:
    [img]https://blackdahliaroleplaying.com/data/assets/logo_alternate/bdrp.png[/img]

    [imgwidth=100px]https://blackdahliaroleplaying.com/data/assets/logo_alternate/bdrp.png[/imgwidth]

    [imgheight=25px]https://blackdahliaroleplaying.com/data/assets/logo_alternate/bdrp.png[/imgheight]
    Output:
    bdrp.png




  • [IMSG] - iMessages & SMS

    Formatted tags to mimic incoming/outgoing iMessages and SMS texts.
    Example:
    [imsg]Content here[/imsg]
    [imsgin]Received message[/imsgin]

    [sms]Outgoing SMS[/sms]
    [smsin]Another messaging coming in[/smsin]
    Output:
    Content here

    Received message


    Outgoing SMS

    Another messaging coming in

  • [INFO] - Info, Question, Success, Warning, Error

    Premade boxes to draw attention where necessary.
    Example:
    [info] The sky is blue. [/info]

    [question] I have a question? [/question]

    [success] Yes! [/success]

    [warning] Heads-up... [/warning]

    [error] Do not post on this request thread. [/error]
    Output:
    The sky is blue.

    I have a question?

    Yes!

    Heads-up...

    Do not post on this request thread.

  • [SCROLL=option] - Scroll

    A scroll box which allows you to set the height of the content.
    Example:
    [scroll=100px]"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."[/scroll]
    Output:
    "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."

  • [SLIDER] [SLIDER=option] - Slider

    Cycles through slides in a slide-show format.
    Example:
    [SLIDER]
    [SLIDE_HEADER]Title 1[/SLIDE_HEADER]
    [SLIDE align=center]Content 1[/SLIDE]
    [SLIDE]Content 2[/SLIDE]
    [SLIDE]Content 3[/SLIDE]
    [SLIDE open=1]Content 4[/SLIDE]
    [/SLIDER]
    Output:
    Title 1
    Content 1
    Content 2
    Content 3
    Content 4

  • [SUB] - Subscript

    Example:
    H[sub]2[/sub]O, CH[sub]4[/sub]
    Output:
    H2​O, CH4​

  • [SUP] - Superscript

    Example:
    1[sup]st[/sup], 2[sup]nd[/sup], 3[sup]rd[/sup]
    Output:
    1st​, 2nd​, 3rd​

  • [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]First tab content - [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

  • [TIME] [TIME=option] - Time

    Displays a time or date based on a member's timezone preference.
    Example:
    [TIME=datetime]2050-12-12T03:12:46+0000[/TIME]
    Output:
    Adjusted Time
Back
Top