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.
[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]
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 headingThis 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.
[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.
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.
[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.
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
Add double underline to text.
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!
[ENCADRE]
·
[ENCADRE=option]
- Encadre
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
[FA_ICON]
·
[FA_ICON=option]
- Font Awesome Icons
Example:
[fa_icon=24px]star[/fa_icon]
Output:
[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...).
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:
[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.