• We are currently performing site maintenance, parts of civfanatics are currently offline, but will come back online in the coming days. For more updates please see here.

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://forums.civfanatics.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, Bluesky, Dailymotion, Facebook, Flickr, Giphy, 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:
    Spoiler :
    Simple spoiler

    Spoiler Spoiler Title :
    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.

  • [ANCHOR=option] - Link to anchor

    Link to anchor
    Example:
    [anchor=Chapter1]Link to Chapter1[/anchor]
    Output:
    Link to Chapter1

  • [DEFINE] - define

    Allows you to link a word to its dictionary entry easily.
    Example:
    [define]quantum[/define]
    Output:
    quantum

  • [DELURK] - delurk

    lurker's comment
    Example:
    [delurk]Interesting game![/delurk]
    Output:
    lurker's comment: Interesting game!

  • [FILE=option] - FILE

    Links to a file in the CFC Database.
    Example:
    [FILE=19898]Link[/FILE]
    Output:
    Link

  • [FLOAT=option] - float

    Float the content to either left or right.
    Example:
    [float=right]AAA[/float]
    Output:
    AAA

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

    header 1
    Example:
    [h1]This is a h1 header[/h1]
    [h1=blue]This is a blue header[/h1]
    Output:

    This is a h1 header


    This is a blue header

  • [H2] [H2=option] - h2

    header 2
    Example:
    [h2]This is a h2 header[/h2]
    [h2=blue]This is a blue h2 header[/h2]
    Output:

    This is a h2 header


    This is a blue h2 header

  • [H3] [H3=option] - h3

    header 3
    Example:
    [h3]This is a h3 header[/h3]
    [h3=blue]This is a blue h3 header[/h3]
    Output:

    This is a h3 header


    This is a blue h3 header

  • [MOD] - Mod

    This [mod] tag can be used by moderators when enforcing forum rules.
    Example:
    [mod]Edited by Thunderfall[/mod]
    Output:
    Moderator Action: Edited by Thunderfall
    Please read the forum rules: http://forums.civfanatics.com/showthread.php?t=422889

  • [MOD2] - Mod2

    This tag can be used by moderators when enforcing forum rules.
    Example:
    [mod2]Thread Moved.[/mod2]
    Output:
    Moderator Action: Thread Moved.

  • [MOD3] - Mod3

    This is used when performing moderator actions.
    Example:
    [mod3]Thread moved.[/mod3]
    Output:
    Moderator Action: Thread moved.

  • [MOD4] - Mod4

    This tag can be used by moderators when enforcing forum rules.
    Example:
    [mod4]Thread moved.[/mod4]
    Output:
    Moderator Action: Thread moved.

  • [POST=option] - Post Link

    Links to a post, with the ID of the post being passed as the parameter
    Example:
    [post=15103229]Post in FAQ Thread[/post]
    Output:
    Post in FAQ Thread

  • [SET_ANCHOR=option] - Set an anchor

    You can use this set_anchor tag to set an anchor in a post. This will alow you to link to the anchor in other places using the "anchor" tag.
    Example:
    [set_anchor=Chapter1]This IS Chapter1[/set_anchor]
    Output:
    This IS Chapter1

  • [SPOILER] [SPOILER=option] - Spoiler

    Spoiler tag. Use this to hide spoilers in your post. Viewers will need to click a button to show the content, and therefore can't read it when they don't do so (and can avoid spoilers that way). Anything (i.e. links, images), not just texts, may be included in the spoiler.
    Example:
    [spoiler]Trump fired Bradford in last night's Apprentice![/spoiler]
    Output:
    Spoiler :
    Trump fired Bradford in last night's Apprentice!

  • [SUB] - Subscript Text

    Small text below the normal line of type.
    Example:
    [SUB]This is subscript text.[/SUB] This is normal text.
    Output:
    This is subscript text. This is normal text.

  • [SUP] - Superscript Text

    Small text above the normal line of type.
    Example:
    [SUP]This is superscript text.[/SUP] This is normal text.
    Output:
    This is superscript text. This is normal text.

  • [THREAD=option] - Thread Link

    Links to a thread, with the ID of the thread being passed as the parameter
    Example:
    [thread=576117]Forum Upgrade Thread[/thread]
    Output:
    Forum Upgrade Thread

  • [URLSAME=option] - URL (Same Window)

    Opens link in same browser window
    Example:
    [urlsame=http://www.civfanatics.com]CivFanatics[/urlsame]
    Output:
    CivFanatics

  • [YOUTUBE] - youtube

    Embed a youtube video
    Example:
    [youtube]IJiHDmyhE1A[/youtube]
    Output:

    Link to video.
Back
Top Bottom