Midnight Shadows FAQ BB Code List


BB Code
BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.
BB Code List
[b], [i], [u]
Bold / Italic / Underline
Color
Size
Font
Highlight
Left / Right / Center
Indent
Email Linking
URL Hyperlinking
Thread Linking
Post Linking
Bulleted Lists / Advanced Lists
Images
Code
PHP Code
HTML Code
Quote
Attachment
Additional Information
Anchor
Book-style font styling.
Box
Alt Box
Thumbnail with Border
Cap
Character Image
Direct link to character biography
Wrap Google Hangouts in a Chat Wrap
Centered Header
Clear Float
Countdown
Definition
Div
Add a div with a class
Field
Float
Gaia Rules Link
Google Hangouts like Messages
Google Hangouts like Messages Sent
GoogleFont
[h]
General Header
Header - 2nd Layout
HBox
Header Box - Second Layout
Header
Alternative Highlight
Horizontal Line
Horizontal Line (variable)
Image Align (border and margin)
Image Align Without Even Margins
Interchange
Justify
Line Indent
Lower Case Text
Letter spacing
Text Message To
Text Message From
Anchor Alt
[o]
Overline
PM User
Board Rules
[s]
Strike Through
section
skilloff
skillon
skilltree
Small Capital Letters
span
SpoilerBox
Style
Subscript
Superscript
Thumbnails
Upper Case Text
URL2
User
Word Spacing
Bold / Italic / Underline
The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.
Usage
[b]value[/b]
[i]value[/i]
[u]value[/u]
Example Usage
[b]this text is bold[/b]
[i]this text is italic[/i]
[u]this text is underlined[/u]
Example Output
this text is bold
this text is italic
this text is underlined
Color
The [color] tag allows you to change the color of your text.
Usage
[color=Option]value[/color]
Example Usage
[color=blue]this text is blue[/color]
Example Output
this text is blue
Size
The [size] tag allows you to change the size of your text.
Usage
[size=Option]value[/size]
Example Usage
[size=+2]this text is two sizes larger than normal[/size]
Example Output
this text is two sizes larger than normal
Font
The [font] tag allows you to change the font of your text.
Usage
[size=Option]value[/size]
Example Usage
[font=courier]this text is in the courier font[/font]
Example Output
this text is in the courier font
Highlight
The [highlight] tag allows you to emphasize your text.
Usage
[highlight]value[/highlight]
Example Usage
[highlight]this text is highlighted[/highlight]
Example Output
this text is highlighted
Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
Usage
[left]value[/left]
[center]value[/center]
[right]value[/right]
Example Usage
[left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]
Example Output
this text is left-aligned
this text is center-aligned
this text is right-aligned
Indent
The [indent] tag allows you to indent your text.
Usage
[indent]value[/indent]
Example Usage
[indent]this text is indented[/indent]
Example Output
this text is indented
Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
Usage
[email]value[/email]
[email=Option]value[/email]
Example Usage
[email]myname@domain.com[/email]
[email=myname@domain.com]Click Here to Email Me[/email]
URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
Usage
[url]value[/url]
[url=Option]value[/url]
Example Usage
[url]http://www.midnight-shadows.org[/url]
[url=http://www.midnight-shadows.org]Midnight Shadows[/url]
Thread Linking
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.
Usage
[thread]threadid[/thread]
[thread=threadid]value[/thread]
Example Usage
[thread]42918[/thread]
[thread=42918]Click Me![/thread]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Post Linking
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.
Usage
[post]postid[/post]
[post=postid]value[/post]
Example Usage
[post]269302[/post]
[post=269302]Click Me![/post]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Bulleted Lists
The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.
Usage
[list]value[/list]
Example Usage
[list]
[*]list item 1
[*]list item 2
[/list]
Example Output
  • list item 1
  • list item 2
Advanced Lists
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).
Usage
[list=Option]value[/list]
Example Usage
[list=1]
[*]list item 1
[*]list item 2
[/list]

[list=a]
[*]list item 1
[*]list item 2
[/list]
Example Output
  1. list item 1
  2. list item 2
  1. list item 1
  2. list item 2
Images
The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.
Usage
[img]value[/img]
Example Usage
[img]http://www.midnight-shadows.org/images/statusicon/forum_new.gif[/img] (Not linked)

[url=http://www.vbulletin.com] [img]http://www.midnight-shadows.org/images/statusicon/forum_new.gif[/img] [/url] (Linked)
Example Output
(Not linked)

(Linked)
Code
The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.
Usage
[code]value[/code]
Example Usage
[code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output
Code:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>
PHP Code
The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.
Usage
[php]value[/php]
Example Usage
[php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Example Output
PHP Code:
$myvar 'Hello World!';
for (
$i 0$i 10$i++)
{
    echo 
$myvar "\n";

HTML Code
The [html] tag allows you to perform syntax highlighting for HTML code.
Usage
[html]value[/html]
Example Usage
[html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Example Output
HTML Code:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
Quote
The [quote] tag allows you to attribute text to someone else.
Usage
[quote]Quote[/quote]
[quote=User Name]value[/quote]
Example Usage
[quote]vBulletin[/quote]
[quote=John Percival]vBulletin[/quote]
[quote=John Percival;458107]vBulletin[/quote]
Example Output
Lorem ipsum dolor sit amet
Originally Posted by John Doe

Lorem ipsum dolor sit amet
Originally Posted by John Doe

Lorem ipsum dolor sit amet
Stop parsing of code
The [noparse] tag allows you to stop the parsing of BB code.
Usage
[noparse][b]value[/b][/noparse]
Example Usage
[noparse][b]vBulletin[/b][/noparse]
Example Output
[b]vBulletin[/b]
Attachment
The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.
Usage
[attach]attachmentid[/attach]
Example Usage
[attach]12345[/attach]
Example Output
Additional Information
Usage
[addinfo=Option]value[/addinfo]
Example Usage
[addinfo=Title Text]Some Text[/addinfo]
Example Output
Anchor
Creates an anchor that members can jump to when used in combination with the "url2" bbcode.
Usage
[anchor=Option]value[/anchor]
Example Usage
[anchor=test]I'm an anchor[/anchor]
Example Output
Book-style font styling.
Usage
[bookstyle]value[/bookstyle]
Example Usage
[bookstyle]This is a test[/bookstyle]
Example Output
This is a test
Box
This creates a title-less bordered box around your text.
Usage
[box]value[/box]
Example Usage
[box]text in box[/box]
Example Output
text in box
Alt Box
Second box code.
Usage
[box2]value[/box2]
Example Usage
[box2]Alt Box[/box2]
Example Output
Alt Box
Thumbnail with Border
This tag allows you to make a smaller image with a border from a big image
Usage
[bthumb=Option]value[/bthumb]
Example Usage
[bthumb=100px]http://www.midnight-shadows.org/images/rpg/southlynweyr-big.jpg[/bthumb]
Example Output
Cap
Creates a capital letter which the following text flows around.
Usage
[cap]value[/cap]
Example Usage
[cap]L[/cap]orem ipsum dolor sit amet, consectetuer adipiscing elit. Integer accumsan nulla id est. Nullam ipsum turpis, mattis id, ultrices convallis, pellentesque id, quam. Morbi sit amet nisl.
Example Output
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer accumsan nulla id est. Nullam ipsum turpis, mattis id, ultrices convallis, pellentesque id, quam. Morbi sit amet nisl.
Character Image
This tag allows you to post an image in your RPG post in Gaia.
Usage
[char=Option]value[/char]
Example Usage
[char=Serya Cade]http://www.midnight-shadows.net/images/rpg/serya-bio01.jpg[/char]
Example Output
Serya Cade
Direct link to character biography
Usage
[charbio=Option]value[/charbio]
Example Usage
[charbio=1]Serya Cade[/charbio]
Example Output
Wrap Google Hangouts in a Chat Wrap
This wraps and centers text message chats.
Usage
[chat]value[/chat]
Example Usage
[chat]Hello[/chat]
Example Output
Hello
Centered Header
Like the [head] tag but centered
Usage
[chead]value[/chead]
Example Usage
[chead]December[/chead]
Example Output
December
Clear Float
Clears float
Usage
[clear]value[/clear]
Example Usage
[clear].[/clear]
Example Output
Countdown
Usage
[countdown=Option]value[/countdown]
Example Usage
[countdown=12/31/2020 5:00 AM;It is finally here]Count down:[/countdown]
Example Output
Definition
Use to post definitions, without a list, in your posts or signatures.
Usage
[def=Option]value[/def]
Example Usage
[def=Midnight Shadow's board RPG]Eternal Conflict[/def]
Example Output
Eternal Conflict
Div
Creates a div with the options you specify.
Usage
[div=Option]value[/div]
Example Usage
[div=line-height: 3.5pt]This is a div[/div]
Example Output
This is a div
Add a div with a class
This allows you to add a div which can have a specific class. Match this with the [style] tag to enable custom CSS on any part of a post.
Usage
[divclass=Option]value[/divclass]
Example Usage
[divclass=alt4]This is a div with a class[/divclass]
Example Output
This is a div with a class
Field
Creates fieldset with legend
Usage
[field=Option]value[/field]
Example Usage
[field=testing]This is a test[/field]
Example Output
testingThis is a test
Float
Creates an element that floats.
Usage
[float=Option]value[/float]
Example Usage
[float=right]Floats on the right side[/float]
Example Output
Floats on the right side
Gaia Rules Link
Usage
[gaiarules]value[/gaiarules]
Example Usage
[gaiarules][/gaiarules]
Example Output
Google Hangouts like Messages
This is a text message BBCode that resembles Google Hangouts.
Usage
[gho1=Option]value[/gho1]
Example Usage
[gho1=http://s3.amazonaws.com/37assets/svn/765-default-avatar.png]This is a random message that resembles Google Hangouts[/gho1]
Example Output

This is a random message that resembles Google Hangouts

Google Hangouts like Messages Sent
Google Hangouts like Text messages for messages sent.
Usage
[gho2=Option]value[/gho2]
Example Usage
[gho2=http://s3.amazonaws.com/37assets/svn/765-default-avatar.png]This is another message[/gho2]
Example Output

This is another message

GoogleFont
Add a Googlefont into a post for advanced formatting.
Usage
[googlefont]value[/googlefont]
Example Usage
[googlefont]Cinzel[/googlefont]
Example Output
General Header
Use this to insert a semantically correct heading into the document by modifying the text you want made into a bold, large heading. This is good semantics for headings in guides and FAQs.
Usage
[h=Option]value[/h]
Example Usage
[h=1]This is a heading[/h]
Example Output

This is a heading

Header - 2nd Layout
Creates a nother pre-set pretty header.
Usage
[h2]value[/h2]
Example Usage
[h2]Developer[/h2]
Example Output
Developer
HBox
Creates a bordered box for your text with your own specified title.
Usage
[hbox=Option]value[/hbox]
Example Usage
[hbox=title]text[/hbox]
Example Output
title
text
Header Box - Second Layout
Usage
[hbox2=Option]value[/hbox2]
Example Usage
[hbox2=This is another Header Layout]This is the content[/hbox2]
Example Output
 
This is another Header Layout
 
  
This is the content
Header
Makes a nice header above your text.
Usage
[head]value[/head]
Example Usage
[head]november[/head]
Example Output
november
Alternative Highlight
This creates a second highlighting colour that changes according to scheme.
Usage
[highlight2]value[/highlight2]
Example Usage
[highlight2]Alternative highlight colour[/highlight2]
Example Output
Alternative highlight colour
Horizontal Line
Creates a horizontal line with the bordercolor.
Usage
[hr]value[/hr]
Example Usage
[hr].[/hr]
Example Output

Horizontal Line (variable)
Creates a horizonal line that is variable in width.
Usage
[hr2]value[/hr2]
Example Usage
[hr2]50[/hr2]
Example Output

Image Align (border and margin)
This creates a margined image with a border for which an alignment can be specified.
Usage
[imgalign=Option]value[/imgalign]
Example Usage
[imgalign=left]http://i81.photobucket.com/albums/j207/sunsetberlin/ec-places/th_ecmap.jpg[/imgalign] Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
Example Output
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
Image Align Without Even Margins
Aligns an image as specified in the option of the tag, and displays it without an extra border.
Usage
[imgalign2=Option]value[/imgalign2]
Example Usage
[imgalign2=right]http://img.photobucket.com/albums/v225/aodyness/maghistory1.jpg[/imgalign2]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
Example Output
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
Interchange
[interimg=/imagehosting/80520bd5aea5f47.jpg]http://img.photobucket.com/albums/v225/aodyness/beatrixanim_zpsd316dd16.gif[/interimg]
Usage
[interimg=Option]value[/interimg]
Example Usage
[interimg=[http://img.photobucket.com/albums/v225/aodyness/beatrixanim_zpsd316dd16.gif, (default)], [/imagehosting/80520bd5aea5f47.jpg, (small)]][/interimg]
Example Output
Justify
This will justify your text.
Usage
[justify]value[/justify]
Example Usage
[justify]consectetuer adipiscing elit. Donec eleifend ante at odio. Quisque aliquet porta justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus[/justify]
Example Output
consectetuer adipiscing elit. Donec eleifend ante at odio. Quisque aliquet porta justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Line Indent
Indents the first line by the number of pixels you specify in the option. Make sure the entire paragraph is within the tags.
Usage
[line=Option]value[/line]
Example Usage
[line=50]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer accumsan nulla id est. Nullam ipsum turpis, mattis id, ultrices convallis, pellentesque id, quam. Morbi sit amet nisl.[/line]
Example Output
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer accumsan nulla id est. Nullam ipsum turpis, mattis id, ultrices convallis, pellentesque id, quam. Morbi sit amet nisl.
Lower Case Text
This turns all text within tags to lower case.
Usage
[lo]value[/lo]
Example Usage
[lo]THIS IS ALL LOWER CASE[/lo]
Example Output
THIS IS ALL LOWER CASE
Letter spacing
Creates text with spaced letters
Usage
[lspace=Option]value[/lspace]
Example Usage
[lspace=3]Spaced Letters[/lspace]
Example Output
Spaced Letters
Text Message To
Usage
[msg1=Option]value[/msg1]
Example Usage
[msg1=Hotstuff]This is a text message style code[/msg1]
Example Output
To Hotstuff:
This is a text message style code
 
 
Text Message From
Usage
[msg2=Option]value[/msg2]
Example Usage
[msg2=Lovely Gall]This is how a received text looks like[/msg2]
Example Output
From Lovely Gall:
 
This is how a received text looks like
 
Anchor Alt
Creates an anchor without the option.
Usage
[name]value[/name]
Example Usage
[name]Anchor[/name]
Example Output
Overline
Just as there is strike through and underlined text, this allows for overlined text in posts.
Usage
[o]value[/o]
Example Usage
[o]This text is overlined[/o]
Example Output
This text is overlined
PM User
Usage
[pm=Option]value[/pm]
Example Usage
[pm=1]PM Admin[/pm]
Example Output
Board Rules
Short cut to the board rules
Usage
[rules]value[/rules]
Example Usage
[rules].[/rules]
Example Output
The Shadow Enchiridion [Rules & FAQ]
Strike Through
Usage
[s]value[/s]
Example Usage
[s]This text has a line through it. Nifty huh?[/s]
Example Output
This text has a line through it. Nifty huh?
section
Create a
within a post.
Usage
[section=Option]value[/section]
Example Usage
[section=hello]Section[/section]
Example Output
Section
skilloff
Usage
[skilloff]value[/skilloff]
Example Usage
[skilloff][/skilloff]
Example Output
skillon
Usage
[skillon=Option]value[/skillon]
Example Usage
[skillon=Fire]Fire description[/skillon]
Example Output
  • Fire

    Fire description
  • skilltree
    Usage
    [skilltree]value[/skilltree]
    Example Usage
    [skilltree][/skilltree]
    Example Output
    Small Capital Letters
    This creates small capital letters.
    Usage
    [smallcaps]value[/smallcaps]
    Example Usage
    [smallcaps]This is all in smallcaps[/smallcaps]
    Example Output
    This is all in smallcaps
    span
    Allows you to add a Span with a class.
    Usage
    [span=Option]value[/span]
    Example Usage
    [span=hello]Hello[/span]
    Example Output
    Hello
    SpoilerBox
    Usage
    [spoiler]value[/spoiler]
    Example Usage
    [spoiler]This is just a test[/spoiler]
    Example Output
    Spoiler: (Highlight to read)
    This is just a test
    Style
    Use this tag to add or customize css classes. This allows for customized pseudo classes and hovers.
    Usage
    [style]value[/style]
    Example Usage
    [style].alt4{font-size:26px!important}[/style]
    Example Output
    Subscript
    Makes subscript possible.
    Usage
    [sub]value[/sub]
    Example Usage
    H[sub]2[/sub]O means water.
    Example Output
    H2O means water.
    Superscript
    Makes superscript possible.
    Usage
    [sup]value[/sup]
    Example Usage
    the 2[sup]nd[/sup] place isn't bad
    Example Output
    the 2nd place isn't bad
    Thumbnails
    This tag allows you to make a smaller image from a big image
    Usage
    [thumb=Option]value[/thumb]
    Example Usage
    [thumb=100px]http://www.midnight-shadows.org/images/rpg/southlynweyr-big.jpg[/thumb]
    Example Output
    Upper Case Text
    Makes all selected text fully upper case. Does not stay upper case when copied to Notepad or any other text editor.
    Usage
    [up]value[/up]
    Example Usage
    [up]this should all be upper case.[/up]
    Example Output
    this should all be upper case.
    URL2
    Makes your content "hyperlinked" to jump to the anchor supplied.
    Usage
    [url2=Option]value[/url2]
    Example Usage
    [url2=test]Jump to test[/url2]
    Example Output
    User
    Easier way to link to a user profile
    Usage
    [user=Option]value[/user]
    Example Usage
    [user=1]Admin[/user]
    Example Output
    Word Spacing
    This tag allows you to specify the space between words.
    Usage
    [wspace=Option]value[/wspace]
    Example Usage
    [wspace=10]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/wspace]
    Example Output
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.



    User Name

    Password