Midnight Shadows FAQ BB Code List


BB Code List
[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[font] Font
[highlight] Highlight
[left], [right], [center] Left / Right / Center
[indent] Indent
[email] Email Linking
[url] URL Hyperlinking
[thread] Thread Linking
[post] Post Linking
[list] Bulleted Lists / Advanced Lists
[img] Images
[code] Code
[php] PHP Code
[html] HTML Code
[quote] Quote
[noparse]
[attach] Attachment
[addinfo] Additional Information
[anchor] Anchor
[bookstyle] Book-style font styling.
[box] Box
[box2] Alt Box
[bthumb] Thumbnail with Border
[cap] Cap
[char] Character Image
[charbio] Direct link to character biography
[chat] Wrap Google Hangouts in a Chat Wrap
[chead] Centered Header
[clear] Clear Float
[countdown] Countdown
[def] Definition
[div] Div
[divclass] Add a div with a class
[field] Field
[float] Float
[gaiarules] Gaia Rules Link
[gho1] Google Hangouts like Messages
[gho2] Google Hangouts like Messages Sent
[googlefont] GoogleFont
[h] General Header
[h2] Header - 2nd Layout
[hbox] HBox
[hbox2] Header Box - Second Layout
[head] Header
[highlight2] Alternative Highlight
[hr] Horizontal Line
[hr2] Horizontal Line (variable)
[imgalign] Image Align (border and margin)
[imgalign2] Image Align Without Even Margins
[interimg] Interchange
[justify] Justify
[line] Line Indent
[lo] Lower Case Text
[lspace] Letter spacing
[msg1] Text Message To
[msg2] Text Message From
[name] Anchor Alt
[o] Overline
[pm] PM User
[rules] Board Rules
[s] Strike Through
[section] section
[skilloff] skilloff
[skillon] skillon
[skilltree] skilltree
[smallcaps] Small Capital Letters
[span] span
[spoiler] SpoilerBox
[style] Style
[sub] Subscript
[sup] Superscript
[thumb] Thumbnails
[up] Upper Case Text
[url2] URL2
[user] User
[wspace] 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 [font=Option]value[/font]
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]
Example Output myname@domain.com
Click Here to Email Me

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]
Example Output http://www.midnight-shadows.org
Midnight Shadows

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.)
Example Output http://www.midnight-shadows.org/showthread.php?t=42918
Click Me!

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.)
Example Output http://www.midnight-shadows.org/showthread.php?p=269302#post269302
Click Me!

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/schemes/adaween/forum_new.gif[/img] (Not linked)

[url=http://www.vbulletin.com] [img]http://www.midnight-shadows.org/images/schemes/adaween/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;458080]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

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 I'm an anchor

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.org/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 Serya Cade

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 Gaia Rules

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 PM Admin

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 Jump to test

    User
    Easier way to link to a user profile
    Usage [user=Option]value[/user]
    Example Usage [user=1]Admin[/user]
    Example Output Admin

    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