# BB codes

## Help

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

Basic text formatting for 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=font], [SIZE=size] - Background color, Text color, Font, Size

Advanced text formatting options for wrapped text.
Example:
This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
This is [BGCOLOR=#FAA]red[/BGCOLOR] and [BGCOLOR=#AAF]blue[/BGCOLOR] highlighted 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 red and blue highlighted text.
This is Courier New text.
This is small and big text.
• ### [SUB], [SUP] - Subscript, Superscript

Position wrapped text.
Example:
This is [SUB]subscript[/SUB] text.
This is [SUP]superscript[/SUP] text.
Output:
This is subscript​ text.
This is superscript​ 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:

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:
Output:
• ### [IMG] - Image

Display an image, using the wrapped text as the URL.
Example:
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 (Legacy), Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, Twitter, Vimeo, YouTube
Example:
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], [RIGHT], [CENTER], [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. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.[/JUSTIFY]
Output:
Left-aligned​
Center-aligned​
Right-aligned​
This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.​
• ### [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:
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.
• ### [TABLE] - Tables

Special markup to display tables in your content.
Example:
[TABLE]
[TR]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]
Output:
Content 1Content 2
• ### [TABLE=class] - Tables (Advanced)

Example:
[TABLE=noborder]
[TR]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

Multiple styles can be combined.
[TABLE=collapse,right,nobackground]
[TR]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

[TABLE=collapse,center,alternate]
[TR]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]
Output:
Content 1Content 2

Multiple styles can be combined.
Content 1Content 2

Content 1Content 2
Content 1Content 2

Example:
This text comes under a major heading, used to separate the primary sections of an article.

When you need to subdivide the primary sections of an article, use a level 2 minor heading.

If you require additional subdivision, you may drop to level 3.
Output:

This text comes under a major heading, used to separate the primary sections of an article.

When you need to subdivide the primary sections of an article, use a level 2 minor heading.

If you require additional subdivision, you may drop to level 3.
• ### [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.

Hides wrapped text until certain conditions are fullfilled.
Example:
[HIDE]Hides wrapped content.[/HIDE]

[HIDEPOSTS]Hides until user reached number of posts.[/HIDEPOSTS]

[HIDETHANKS]Hides content until viewer reacted to content.[/HIDETHANKS]

Output:
Hidden content
You need to reply to this thread in order to see this content.
Hidden content
Hidden content
You need to reply to this thread in order to see this content.
Hidden content
You need to react to this post in order to see this content.
Hidden content
You need to reply to this thread or react to this post in order to see this content.
Hidden content
You need to be in at least one of the following groups to see this content: Staff - Administrative
• ### [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]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
Output:
Generate an anchor point;

Goto an anchor point
• ### [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.
• ### [BIMG] · [BIMG=option] - Block image

Displays an image, allowing it to be resized, aligned or floated, and compared with another image.
Example:
Output:

• ### [BLUR] - Blurred Text

Makes you feel like you need glasses!
Example:
[blur]You need glasses![/blur]
Output:
You need glasses!
• ### [BSPOIL=option] - Button Spoiler

A single button style spoiler.
Example:
[bspoil=Cool Title]A wall of text. 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. 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. 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.[/bspoil]
Output:

A wall of text. 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. 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. 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.
• ### [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.
• ### [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.
• ### [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.
• ### [DU] - Double Underline

Example:
This is [du]very important[/du] text.
Output:
This is very important text.
• ### [DROP=option] - Drop Caps

Make a big old fancy capital letter.
Example:
[drop=6]H[/drop]ello!
Output:
H
ello!

This BB Code inserts a text box to the right of a text (absolute position). It has to be inserted just before the content. (width customizable in %)
Example:
[ENCADRE]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content
[ENCADRE width=30]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content
Output:
Content
Content
• ### [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=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.
• ### [FLEFT] - Float left

Make a block float on the left
Example:
[fleft]Make me float on the left[/fleft]
Output:
Make me float on the left
• ### [FRIGHT] - Float right

Make a block float on the right
Example:
[FRIGHT]Make me float on the right[/FRIGHT]
Output:
Make me float on the right
• ### [HDOR] - Forum Styled Header

A special header using the forum's style.
Example:
[hdor]content[/hdor]
Output:
content
• ### [HSUB] - Forum Styled Sub Header

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

Example:
[uglow=white]GLOWING![/uglow]
Output:
GLOWING!
• ### [GLOW] - Glowing Text

Make text glow.
Example:
[glow]GLOWING![/glow]
Output:
GLOWING!
• ### [GVIEW] · [GVIEW=option] - GVIEW

This BB Code displays documents using the "Google Docs - Viewer" (supports many different file types:pdf,ppt,doc,xls...).
Example:
Output:
• ### [HR] · [HR=option] - Horizontal line

Example:
Default line:
[hr]
Unformatted line:
[hr=0]
Solid line:
[hr=1]
[hr=2]
[hr=3]
[hr=4]
[hr=5]
Output:
Default line:

Unformatted line:

Solid line:

• ### [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!
• ### [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.
• ### [INFO] · [INFO=option] - Info Block

Example:
[info]sdhsflha lsdhfkdhf ljhfdksfh sdhsakdh kasdhsdh kds[/info]
Output:
sdhsflha lsdhfkdhf ljhfdksfh sdhsakdh kasdhsdh kds
• ### [JUSTIFY] - Justify

Example:
[justify]justified text example
line 1
line 2
line 3[/justify]!
Output:
justified text example
line 1
line 2
line 3​
!
• ### [LATEX] · [LATEX=option] - LaTeX

Renders LaTeX markup.
Example:
[LATEX]c=\sqrt{a^2+b^2}[/LATEX]
Output:
LaTeX:
$c=\sqrt{a^2+b^2}$
• ### [MARQUEE] - Marquee

Example:
[marquee]This sentence is hard to read.[/marquee]
Output:
This sentence is hard to read.

Example:
Output:
• ### [INFORMATION] · [INFORMATION=option] - Mod:Info

Moderator only Information banner
Example:
[information=Title]Information[/information]
Output:
title Information
• ### [STOP] · [STOP=option] - Mod:Stop

Moderator only Stop banner
Example:
[stop=Title]Stop[/stop]
Output:
title Stop
• ### [WARNING] · [WARNING=option] - Mod:Warning

Moderator only Warning banner
Example:
[warning=Title]Warning[/warning]
Output:
title Warning

Example:
Output:
Can't couch this. It's got padding.
• ### [POST=option] - 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.

Example:
Output:
• ### [SLIDER] · [SLIDER=option] - Slider

Cycles through slides in a slide-show format.
Example:
[SLIDER]
[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
• ### [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.
• ### [SUB] - Subscript

Example:
10[sub]1[/sub]!
Output:
101​!
• ### [SUP] - Superscript

Example:
10[sup]1[/sup]!
Output:
101​!
• ### [TABS] · [TABS=option] - Tabs

Render Tabs into a post
Example:
[TABS]
[SLIDE]Content 1 - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="Title 2"]Content 2[/SLIDE]
[/TABS]
[TABS width=200]
[SLIDE]First tab content - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="Second Slide"]Second tab content[/SLIDE]
[/TABS]
Output:

Example:
Output:
• ### [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:
• ### [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