BB codes

  • Welcome back, Iwaku! While we are still working on the site to get it back into shape, we've come back online so you can get back to doing what you love. Check out this announcement for more details.

  • [B], [I], [U], [S] - bold, Italic, Underline, Struck-through

    Applies basic formatting to 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=name], [SIZE=size] - Background color, Text color, Font, Size

    Applies advanced formatting to the wrapped text.
    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is text with [BGCOLOR=#ffaaaa]red[/BGCOLOR] and [BGCOLOR=#aaaaff]blue[/BGCOLOR] background.
    This is [FONT=Courier New]Courier New[/FONT] text.
    This is [SIZE=1]small[/SIZE] and [SIZE=8]big[/SIZE] text.
    Output:
    This is red and blue text.
    This is text with red and blue background.
    This is Courier New text.
    This is small and big text.
  • [SUB], [SUP] - Subscript, Superscript

    Offset wrapped text.
    Example:
    This text contains [SUB]subscript[/SUB].
    This text contains [SUP]superscript[/SUP].
    Output:
    This text contains subscript.
    This text contains superscript.
  • [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://www.iwakuroleplay.com/images/iwakuhead2018.png[/IMG]
    Output:
  • [VIDEO] - Video

    Displays a video, using the wrapped text as the URL.
    Example:
    [VIDEO]https://www.iwakuroleplay.com/styles/editor-manager/missing-video.mp3[/VIDEO]

    [VIDEO='width:300']https://www.iwakuroleplay.com/styles/editor-manager/missing-video.mp3[/VIDEO]
    Output:


  • [AUDIO] - Audio

    Displays an audio player, using the wrapped text as URL.
    Example:
    [AUDIO]https://www.iwakuroleplay.com/styles/editor-manager/missing-audio.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: 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], [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 with a long content to demonstrate the justification.[/JUSTIFY]
    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​
    This is a justified text block with a long content to demonstrate the justification.​
  • [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

    Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.
    Example:
    This is a [ISPOILER]Simple spoiler[/ISPOILER].
    This is a [ISPOILER=Spoiler]with a title[/ISPOILER].
    Output:
    This is a Simple spoiler .
    This is a with a title .
  • [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.
  • [TABLE], [TR], [TH], [TD] - Tables

    Use [TR] tags to start new rows inside a table tag. Use [TD] tags to start new cells inside row tags. Use [TH] to start new table header cells inside table rows.
    Example:
    [TABLE]
    [TR]
    [TH]Header 1[/TH]
    [TH]Header 2[/TH]
    [/TR]
    [TR]
    [TD]Cell 1 1[/TD]
    [TD]Cell 1 2[/TD]
    [/TR]
    [TR]
    [TD]Cell 2 1[/TD]
    [TD]Cell 2 2[/TD]
    [/TR]
    [/TABLE]
    Output:

    Header 1

    Header 2

    Cell 1 1

    Cell 1 2

    Cell 2 1

    Cell 2 2

  • [TH=vertical align], [TD=vertical align] - Tables (Advanced)

    Changes vertical align of table cells and table header cells.
    Example:
    [TABLE][TR]
    [TD]1
    2
    3[/TD][TD=top]Top[/TD]
    [TD=middle]Middle[/TD]
    [TD=bottom]Bottom[/TD]
    [/TR][/TABLE]
    Output:

    1
    2
    3

    Top

    Middle

    Bottom

  • [TABLE=class] - Tables (Advanced)

    Changes the appearance of tables depending on the classes chosen. Multiple classes can be used, separated by a space.
    Example:
    [TABLE=nofullwidth]
    [TR][TD]A table that is not full width[/TD][/TR][/TABLE]

    [TABLE=center-nofullwidth]
    [TR][TD]A centered table.[/TD][/TR][/TABLE]

    [TABLE=right-nofullwidth]
    [TR][TD]A right aligned table.[/TD][/TR][/TABLE]

    [TABLE=noborder]
    [TR][TD]A table with no border.[/TD][/TR][/TABLE]

    [TABLE=nobackground]
    [TR][TD]A table that[/TD][/TR][TR][TD]doesn't color rows differently[/TD][/TR][/TABLE]

    [TABLE=collapse]
    [TR][TD]A table that[/TD][TD] has non-equal width columns.[/TD][/TR][/TABLE]
    Output:

    A table that is not full width



    A centered table.



    A right aligned table.



    A table with no border.



    A table that

    doesn't color rows differently



    A table that

    has non-equal width columns.

  • [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.
  • [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.
  • [HIDE], [HIDEREPLY], [HIDETHANKS], [HIDEPOSTS], [HIDEREPLYPOSTS] - Hide content from users

    Hide content from users depending on various circumstances. [HIDEREPLY] - Hides content until user has replied to the subject. [HIDETHANKS] - Hides content until user has liked the content. [HIDEREPLYTHANKS] - Hides content until user has replied to the subject or liked the content. [HIDEPOSTS] - Hides content until user has a certain number of posts. [HIDE] - Works like [HIDEREPLY].
    Example:
    [HIDE]You can view this content.[/HIDE]
    [HIDEREPLY]You can view this content.[/HIDEREPLY]
    [HIDETHANKS]You can view this content.[/HIDETHANKS]
    [HIDEREPLYTHANKS]You can view this content.[/HIDEREPLYTHANKS]
    [HIDEPOSTS]You can view this content.[/HIDEPOSTS]
    Output:
    You need to reply to this in order to see this content.
    You need to reply to this in order to see this content.
    You need to like this in order to view this content.
    You need to like or reply to this in order to see this content.
    You are not allowed to view this content.
  • [BLUR] - Blurred Text

    Makes you feel like you need glasses!
    Example:
    [blur]You need glasses![/blur]
    Output:
    You need glasses!
  • [DASHED] [DASHED=option] - Dashed Border

    Example:
    [dashed]Content[/dashed]
    [dashed=blue]Content[/dashed]
    Output:
    Content

    Content
  • [DIV] [DIV=option] - Div Box

    A simple div box where you can input your own style properties.
    Example:
    [div="background-color:#ff0000;border:1px cyan dotted;color: #ffffff;"]This is a div box with background style, border style, and text styling.[/div]
    Output:
    This is a div box with background style, border style, and text styling.
  • [DOTTED] [DOTTED=option] - Dotted Border

    Example:
    [dotted] This text is in a dotted border. [/dotted]
    [dotted="red"] This text is in a red dotted border. [/dotted]
    Output:
    This text is in a dotted border.

    This text is in a red dotted border.
  • [DROP=option] - Drop Caps

    Make a big old fancy capital letter.
    Example:
    [drop=6]H[/drop]ello!
    Output:
    H
    ello!
  • [DSCROLL=option] - Div Scroll

    Lots and lots of scrolling text.
    Example:
    [dscroll="100px"]This text should be scrolling. You can really have a lot! This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. This text should be scrolling. You can really have a lot! This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. [/dscroll]
    Output:
    This text should be scrolling. You can really have a lot! This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. This text should be scrolling. You can really have a lot! This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling. You can really have a lot!This text should be scrolling.
  • [DU] - Double Underline

    Add double underline to text.
    Example:
    This is [du]very important[/du] text.
    Output:
    This is very important text.
  • [FA] - FontAwesome

    Font Awesome Icons.
    Example:
    [FA]fa-star[/FA] - Embed a FontAwesome
    [COLOR=#00b300][FA]fa-check-circle[/FA][/COLOR] - Embed a FontAwesome with color
    [FA]fa-star fa-2x[/FA] - Enlarge an icon from 1 to 5x

    [FA]fa-spinner fa-spin[/FA] - Rotation animation 360°
    [FA]fa-spinner fa-pulse[/FA] - Rotation pulsation 360°

    [FA]fa-shield fa-rotate-90[/FA] - Rotation 90°
    [FA]fa-shield fa-rotate-180[/FA] - Rotation 180°
    [FA]fa-shield fa-rotate-270[/FA] - Rotation 270°
    [FA]fa-shield fa-flip-horizontal[/FA] - Horizontal leveling
    [FA]fa-shield fa-flip-vertical[/FA] - Vertical setting

    [FA]fa-wrench faa-wrench[/FA] - faa-wrench
    [FA]fa-bell faa-ring[/FA] - faa-ring
    [FA]fa-envelope faa-horizontal[/FA] - faa-horizontal
    [FA]fa-thumbs-o-up faa-vertical[/FA] - faa-vertical
    [FA]fa-warning faa-flash[/FA] - faa-flash
    [FA]fa-thumbs-o-up faa-bounce[/FA] - faa-bounce
    [FA]fa-spinner faa-spin[/FA] - faa-spin
    [FA]fa-plane faa-float[/FA] - faa-float
    [FA]fa-heart faa-pulse[/FA] - faa-pulse
    [FA]fa-envelope faa-shake[/FA] - faa-shake
    [FA]fa-trophy faa-tada[/FA] - faa-tada
    [FA]fa-space-shuttle faa-passing[/FA] - faa-passing
    [FA]fa-space-shuttle faa-passing-reverse[/FA] - faa-passing-reverse
    [FA]fa-circle-o faa-burst[/FA] - faa-burst
    [FA]fa-star-o faa-falling[/FA] - faa-falling
    Output:
    - Embed a FontAwesome
    - Embed a FontAwesome with color
    - Enlarge an icon from 1 to 5x

    - Rotation animation 360°
    - Rotation pulsation 360°

    - Rotation 90°
    - Rotation 180°
    - Rotation 270°
    - Horizontal leveling
    - Vertical setting

    - faa-wrench
    - faa-ring
    - faa-horizontal
    - faa-vertical
    - faa-flash
    - faa-bounce
    - faa-spin
    - faa-float
    - faa-pulse
    - faa-shake
    - faa-tada
    - faa-passing
    - faa-passing-reverse
    - faa-burst
    - faa-falling
  • [FIELDSET=option] - Fieldset

    A fieldset box.
    Example:
    [fieldset=Title of Box]The text in your fieldset[/fieldset]
    Output:
    Title of Box The text in your fieldset
  • [FLOAT=option] - Float

    Float content.
    Example:
    [float=right]This content has been floated to the right. Here is an image.[/float] This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally.
    Output:
    This content has been floated to the right. Here is an image.
    This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally. This content is posted normally.
  • [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]
  • [GLOW] - Glowing Text

    Make text glow.
    Example:
    [glow]GLOWING![/glow]
    Output:
    GLOWING!
  • [HDOR] - Forum Styled Header

    A special header using the forum's style.
    Example:
    [hdor]content[/hdor]
    Output:
    content
  • [HR] [HR=option] - Horizontal Rule

    Example:
    [hr][/hr]

    [hr=2px solid red][/hr]
    Output:

      


      
  • [HSUB] - Forum Styled Sub Header

    A secondary header with forum styling.
    Example:
    [hsub]This is a title[/hsub]
    Output:
    This is a title
  • [ICSS=option] - Image Style CSS Option

    An alternate image tag where you can set the css style settings.
    Example:
    [icss="float: right; border: 2px solid red; width: 100px;"]https://data.iwakuroleplay.com/avatars/l/0/1.jpg?1464242633[/icss] This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width.
    Output:
    This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width. This image has been floated to the right with a 2px red border and 11px width.
  • [IMGA=option] - Image Align

    Align images proper.
    Example:
    [imga=right]https://data.iwakuroleplay.com/avatars/l/0/1.jpg?1464242633[/imga] This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned!
    Output:
    This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned! This image is aligned perfectly to the right of the text! Yay image being aligned!
  • [IMGR=option] - Image Resize

    A faster resizer BBCODE Image !
    Example:
    35px = [IMGR=35]http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg[/IMGR]

    100px = [IMGR=100]http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg[/IMGR]

    200px = [IMGR=200]http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg[/IMGR]
    Output:
    35px =

    100px =

    200px =
  • [INFO] [INFO=option] - Info Block

    Example:
    [info]sdhsflha lsdhfkdhf ljhfdksfh sdhsakdh kasdhsdh kds[/info]
    Output:
    sdhsflha lsdhfkdhf ljhfdksfh sdhsakdh kasdhsdh kds
  • [MAP] - Insert Google map

    Inserts a Google embedded map.
    Example:
    [MAP]1600 Pennsylvania Ave NW, Washington, DC[/MAP]

    [MAP]A Google map embed link[/MAP]
    Output:
  • [MARQUEE] - Marquee

    Example:
    [marquee]This sentence is hard to read.[/marquee]
    Output:
    This sentence is hard to read.
  • [PADDING=option] - Padding

    Add padding with a box.
    Example:
    [padding=10px]Can't couch this. It's got padding.[/padding]
    Output:
    Can't couch this. It's got padding.
  • [POST=option] - Post

    Link to a specific post.
    Example:
    [post=1]Post 1[/post]
    Output:
  • [ROLEPLAY] - Roleplay Info Block

    A styled block.
    Example:
    [roleplay]Yay information! SO much information oh my goodness yes.[/roleplay]
    Output:
    Yay information! SO much information oh my goodness yes.
  • [SHADOW] [SHADOW=option] - Shadow Text

    Give your text a shadow effect.
    Example:
    [shadow=#808080]This is shadowed text.[/shadow]
    Output:
    This is shadowed text.
  • [SOLID] [SOLID=option] - Solid Border

    Example:
    [solid]This text is in a Solid border.[/solid]
    [solid=red]This text is in a red Solid border.[/solid]
    Output:
    This text is in a Solid border.

    This text is in a red Solid border.
  • [TABS] - Tabs

    Example:
    [TABS]
    [tab]
    Tab page 1
    [/tab]
    [tab=custom]
    Custom tab 2 :D
    [/tab]
    [/TABS]
    Output:

    Tab 0 custom


    • Tab page 1

    • Custom tab 2 :D
  • [THREAD=option] - Thread

    Link to a specific thread with a thread id.
    Example:
    [thread=1]A Thread[/thread]
    Output:
  • [TOOLTIP=option] - Tooltip

    Put a description word in a tooltip
    Example:
    [tooltip=I am in a tooltip !]Move your mouse on me :D[/tooltip]
    Output:
    Move your mouse on me :D
  • [UGLOW=option] - Glow with CSS Option

    Example:
    [uglow=white]GLOWING![/uglow]
    Output:
    GLOWING!
  • [WARNING] - Warning Block

    A warning block bbcode.
    Example:
    [warning]AAAAHHHH! This is a warning oh no, oh no.[/warning]
    Output:
    AAAAHHHH! This is a warning oh no, oh no.