Save-Point › Help Documents
BBCode

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.