BBCode
BBCode


You can use our own version of BBCode in your posts to create certain effects.

General Text Codes
Name
Syntax
Sample
Bold
This is [b]bold[/b] text
This is bold text
Italic
This is [i]italicized[/i] text
This is italicized text
Strikethru
This text has been [s]struck[/s] through
This text has been struck through
Underline
This text has been underlined
This text has been underlined
Overline
Some text has a line [o]over[/o] it
Some text has a line over it
Subscript
This has a [sub]subscript[/sub]
This has a subscript
Superscript
E=MC[sup]2[/sup]
E=MC2

Font Style Codes
Name
Syntax
Sample
Font
The font is called
[font=Impact]Impact[/font]
The font is called Impact
Font Size
This text is [size=1]small[/size]
This text is small
Font Color
This is [color=red]a nice red[/color] text color
This is a nice red text color
Font
Background
I [bgcolor=black]hid
[/bgcolor] this text
I hid this text
Highlight
I am [highlight]highlighted[/highlight]
I am highlighted
Shadow
I am [shadow]shaded[/shadow]
I am shaded
Shadow w Color
I am [shadow=red]shaded[/shadow]
or
I am [shadow=#ff0000]shaded[/shadow]
I am shaded
Glow
I am [glow]glowing[/glow]
I am glowing
Glow w Color
I am [glow=red]glowing[/glow]
or
I am [glow=#ff0000]glowing[/glow]
I am glowing

Layout Formatting Codes
Name
Syntax
Sample
Left
[left]This is left justified[/left]
This is left justified

Center
[center]This is centered[/center]
This is centered

Right
[right]This is right-aligned[/right]
This is right-aligned

Justify
[justify]This is full justification[/justify]
This is full justification
Indent [indent]This indents the text[/indent]

This indents the text

Indent
[indent=20px]This ... it[/indent]

This indents where I want it

Tabindent
[tabindent]This ...over[/tabindent]
This moves only the first line over
Tabindent
[tabindent=20px]This... it[tabindent] This moves the 1st line where I want it
Hidden Comment
[comment]Hide Text[/comment]
You won't see any text, pal

Text Block Codes
Name
Syntax
Sample
Fieldset
[Fieldset]This is the text[/fieldset]
This is the text

Fieldset w/ Title
[fieldset=title]My Text[/fieldset]
TitleMyText

Spoiler
[spoiler]Hidden Text[/spoiler]
Content Hidden

Spoiler w/ Title
[spoiler=Hi]There[/spoiler]
Hi

Window
[Window]This holds text in a scrolling window[/window]
This holds text in a scrolling window

Will not scroll. Not enough text or image content
Window
[Window=25px]This holds text in a thin scrolling window[/window]
This holds text in a
thin scrolling window

Quote
[quote]Quoted text will be here[/quote]
Quoted text will be here
Quote with Subject
[quote=Me]I quoted some text here[/quote] Me
I quoted some text here

Horizontal Rule
[hr]There's a line above me

There's a line above me
Code
[code]Text with preserved formatting[/code]
Text with preserved formatting
List
[list]
[*]List Item #1
[*]List Item #2
[*]List Item #3
[/list]
  • List item #1
  • List item #2
  • List Item #3
You can make an ordered list by using [list=1] for a numbered, and [list=a] for an alphabetical list.
Css
*see CSS below for description

Link Codes
Name
Syntax
Sample
eMail
[email]example
@example.com[/email]
example@example.com
eMail with Title
[email=example
@example.com]E-mail
Me![/email]
E-mail Me!
eMail with Subject
[email=example
@example.com?subject=
spam]E-mail with subject[/email]
E-mail with subject
Url
[url]http://www.
example.com/[/url]
http://www.example.com/
Url with Content
[url=http://www.
example.com/]Example.
com[/url]
Example.com
Thread
[Thread=23]This Thread[/Thread]
This Thread
Post
[Post=321]A Post
in a Thread[/Post]
A Post in a Thread
User
[user=2]Whoever[/user]
Whoever

Media Codes
Name
Syntax
Sample
Image
[img]https://secure.php.
net/images/php.gif[/img]

Image w/ Size
[img=50x50]http://www.
php.net/images/php.gif[/img]

Image with Code
[ImgwCode]http://www.
php.net/images/php.gif[/ImgwCode]

"https://secure.php.net/images/php.gif"

PDF File
[pdf]www.
example.com/
example.pdf[/pdf]
It displays a pdf file
PDF with Sizes
[pdf=200x300]www.
example.com/
example.pdf[/pdf]
It displays a pdf file in a 200x300px window.
Youtube Video
[youtube]1AbcdDE2fgh
[/youtube]
It displays a youtube video. It only needs the final link, not the whole url.
Youtube Video with Sizes [youtube=100x200]1AbcdDE2fgh
[/youtube]
It displays a youtube video in a 100x200px window.
Audio
[audio]www.example.mp3
[/audio]
It plays an audio file in .mp3 or .wav format.
Adding &autostart=yes&loop=yes to the end of the audio filename triggers playback once it loads and continuously repeat until paused by the viewer/listener.
*DISCLAIMER* The autoplay function for the [audio] bbcode is NOT for use in signatures or 'reply' posts. Only the first post for a thread may contain a single autorun/loop clip, and at the discretion of the Thread Owner. Moderators may remove non-conforming autorun audio clips at their own discretion.
Soundcloud
[soundcloud]https://soundcloud.com/fred/title?sl-123
[/soundcloud]
It renders a soundcloud-styled window that allows playback of the music linked.
Requires the whole song url and the SL number


CSS Tags:

For those who do or don't get how the css bbcode works, I think it's pretty simple. Once again, I think you can create some pretty sick stuff with these tags. You should experiment with these sometime. The best place to experiment with these is in your profiles. Create a test page in your profile and just let your ideas run wild in there. Here's some common CSS tags that you can use whenever using the bbcode.

width: (value)
height: (value)
overflow: scroll/none/auto (for vertical only set to auto)
float: left/right


background-color: value
background-image: url("address")

More about backgrounds: http://www.w3schools.com/css/css_background.asp


border: color, thin/medium/thick and Style:
hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

Borders can be set for each side individually as well.

padding: #px (Can be useful if nest [css] tags within another for a more elaborate border.
As an example


More about Borders:
http://www.w3schools.com/css/css_border.asp


color: #value (this is text color)
text-decoration: overline/blink/

More about Text:
http://www.w3schools.com/css/css_text.asp


and many other things.