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://hako.re/forum/images/logo2-s.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: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Instagram, Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, Tumblr, Twitch, Twitter, Vimeo, 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.
  • [BGCOLOR=option] - Background Color

    custom_bb_code_desc.BGCOLOR
    Example:
    [bgcolor=red]Red[/bgcolor]
    Output:
    custom_bb_code_output.BGCOLOR
  • [FLOAT=option] - Float

    custom_bb_code_desc.FLOAT
    Example:
    [FLOAT=right]aaaaaaa[/FLOAT]
    Output:
    custom_bb_code_output.FLOAT
  • [GD] - Google Documents

    custom_bb_code_desc.GD
    Example:
    [gd]Key[/gd]
    Output:
    custom_bb_code_output.GD
  • [GS] - Google Speadsheets

    custom_bb_code_desc.GS
    Example:
    [gs]Key[/gs]
    Output:
    custom_bb_code_output.GS
  • [SPACE=option] - SPACE

    custom_bb_code_desc.SPACE
    Example:
    [space=20|][/space]Testing
    Output:
    custom_bb_code_output.SPACE
  • [ANCHOR=option] - ANCHOR

    Example:
    [anchor=moc1]Nhảy tới mốc[/anchor]
    Output:
  • [BGCOLOR2=option] - Background Color 2

    custom_bb_code_desc.bgcolor2
    Example:
    [bgcolor2=yellow|100|100]Yellow[/bgcolor2]
    Output:
    custom_bb_code_output.bgcolor2
  • [BGIMG=option] - BGIMG

    custom_bb_code_desc.bgimg
    Example:
    [bgimg=http://dl.dropbox.com/u/71534451/Re%20%26/Kui%202.png|no-repeat;float:left]abc[/bgimg]
    Output:
    custom_bb_code_output.bgimg
  • [BOX=option] - Box

    custom_bb_code_desc.box
    Example:
    [BOX=white|red|2|20|30]Nội dung Nội dung[/BOX]
    Output:
    custom_bb_code_output.box
  • [CHARGE=option] - Charge

    Charging users to view your content.
    Example:
    [CHARGE=5]It costs 5 credits to see this text.[/CHARGE]
    Output:
    It costs 5 credits to see this text.
  • [CLEAR] - Clear

    Example:
    [clear][/clear]
    Output:
  • [FADE=option] - FADE

    custom_bb_code_desc.fade
    Example:
    [fade=0.8|80]Fade 0.8[/fade]
    Output:
    custom_bb_code_output.fade
  • [FFACE=option] - Font Face

    custom_bb_code_desc.fface
    Example:
    N/A
    Output:
    custom_bb_code_output.fface
  • [FIMG=option] - FLOAT IMG

    custom_bb_code_desc.fimg
    Example:
    [fimg=right]http://hako.re/forum/dbtech/vbshop/images/postbg/bg01.jpg[/fimg]
    Output:
    custom_bb_code_output.fimg
  • [FONT2=option] - FONT2

    custom_bb_code_desc.font2
    Example:
    [font2=karen|uvn-thanhpho&s=30&w=1000&h=50&cl=e01b4c] Nisemonogatari [/font2]
    Output:
    custom_bb_code_output.font2
  • [GFONT=option] - GFONT

    Example:
    [gfont=Raleway|family=Raleway|]abcxyz[/gfont]
    Output:
    abcxyz
  • [H] - Inline Hover Spoiler - Hidden

    custom_bb_code_desc.h
    Example:
    [h]spoiled text[/h]
    Output:
    custom_bb_code_output.h
  • [H5V=option] - HTML5 Video

    custom_bb_code_desc.h5v
    Example:
    [h5v=||controls loop]https://data.desustorage.org/a/image/1445/29/1445293371765.webm[/h5v]
    Output:
    custom_bb_code_output.h5v
  • [HEIGHT=option] - Height

    custom_bb_code_desc.height
    Example:
    [height=100]100px[/height]
    Output:
    custom_bb_code_output.height
  • [HOVER=option] - Hover

    custom_bb_code_desc.hover
    Example:
    [hover=example|background:#000]Text[/hover]
    Output:
    custom_bb_code_output.hover
  • [JUSTIFY] - Justify

    custom_bb_code_desc.justify
    Example:
    [justify][BOX=#white|#red|2|20|30]Nội dung Nội dung[/BOX][/justify]
    Output:
    custom_bb_code_output.justify
  • [LIMIT=option] - Limit

    custom_bb_code_desc.limit
    Example:
    [limit=100]Your text here[/limit]
    Output:
    custom_bb_code_output.limit
  • [LIMITR=option] - LimitR

    custom_bb_code_desc.limitr
    Example:
    [LIMITR=100]Your text here[/LIMITR]
    Output:
    custom_bb_code_output.limitr
  • [MARGIN=option] - Margin

    custom_bb_code_desc.margin
    Example:
    [margin=100]Your text here[/margin]
    Output:
    custom_bb_code_output.margin
  • [MOC=option] - MOC

    custom_bb_code_desc.moc
    Example:
    [moc=moc1]Mốc ở đây[/moc]
    Output:
    custom_bb_code_output.moc
  • [PROGRESSBAR=option] - Progress Bar

    custom_bb_code_desc.progressbar
    Example:
    [progressbar=60]Translation[/progressbar]
    Output:
    custom_bb_code_output.progressbar
  • [SOUNDCLOUD=option] - Soundcloud

    custom_bb_code_desc.soundcloud
    Example:
    [soundcloud=playlist|100%|166]2041403[/soundcloud]
    Output:
    custom_bb_code_output.soundcloud
  • [SPOIL=option] - Spoiler

    custom_bb_code_desc.spoil
    Example:
    [spoil=test]Nội dung[/spoil]
    Output:
    custom_bb_code_output.spoil
  • [SZIMG=option] - SZIMG

    Example:
    [SZIMG=width|height]url ảnh[/SZIMG]
    Output:
  • [SZYOUTUBE=option] - SZYoutube

    Example:
    [szyoutube=500|500]yMxriBgkvJw[/szyoutube]
    Output:
  • [TAB=option] - TAB

    custom_bb_code_desc.tab
    Example:
    [tabs][tab=tab 1]abc[/tab][/tabs]
    Output:
    custom_bb_code_output.tab
  • [TABS] - TABS

    custom_bb_code_desc.tabs
    Example:
    [tabs][tab="English Visual Novel List"]Test[/tab][/tabs][U][/U]
    Output:
    custom_bb_code_output.tabs
  • [TIP=option] - tooltip

    custom_bb_code_desc.tip
    Example:
    [tip=tooltip|]box BBCode[tip=tip tip-right|display:inline]Nơi đào tạo các BBCoder làm đẹp cho forum[/tip][/tip]
    Output:
    custom_bb_code_output.tip
Top