Below is a complete manual on how to use our BBCode to add formating and images to your blogs, forum posts and so on around Coder Profile.
Definitions
BBCode
Syntax
BBCode is short for Bulletin Board Code.
BBCode was originally used on Bulletin Boards at which it would be used to format a users post without that person having to understand more complicated methods like HTML.
This is the "format" of something, in the terms used below it is the correct format in which you enter some code being BBCode.
Aliases
{ ....... }
Other BBCode that the same sort of formatting is done with, but with a slight difference.
Used in the syntax of some code.
What goes between the curly braces is your text or a property to manipulate the BBCode slightly.
Tags (opening and closing)
A tag is all the content between two square braces i.e. [ + ].
An opening tag is the start tag for example [b] and the closing tag would be the tag [/b].
These 2 tags tell the interpreter when to start formatting and when to finish formatting the text between the tags.
The BBCode Rules
Rule Number 1
All BBCode must be written in lowercase for it to be interpreted as BBCode
Rule Number 2
Only one [title][/title] tag can be used per [code], [quote], or [php] tag.
Rule Number 3
Nesting codes that are the same will not work
OK = [b]text here[/b] text here [b]text here[/b]
OK = [b]text here [u]text here[/u] text here[/b]
WRONG = [b] text here [b]text here[/b] text here[/b]
Rule Number 4
While not recommended as risk of becoming obsolete over time, you may overlap different bb tags
NOT RECOMMENDED = [b]text here[u] text here [/b]text here[/u]
RECOMMENDED = [b]text here[/b][u][b] text here [/b][/u][u]text here[/u]
Rule Number 5
1) You can not use [quote], [code], or [php] tags inside of each other as they will be displayed as text regardless of if bbcode is turned on for that tag (eg, [quote bbcode=yes])
The Available BBCode's
Headings & Table of Contents
Syntax: [h1] {text} [/h1]
Aliases: [h2] {text} [/h2], [h2] {text} [/h2]
Shortcut: Ctrl + 1, Ctrl + 2, Ctrl + 3
Description: h1 is the largest heading, followed by h2 and then h3. When four or more are detected in a single post then a table of contents listing is automatically generated from the headings and placed at the top of the post.
Quote
Syntax: [quote] {text} [/quote]
Aliases: None
Shortcut: Ctrl + Q
Description: Formats a quote in to a nice box that stands out from the rest of the text as a "quote".
Lines are wrapped and all bbcode and custom emoticons are interpreted.
Code
Syntax: [code] {text} [/code]
Aliases: None
Shortcut: Ctrl + W
Description: Formats code in to a nice box that stands out from the rest of the text as a "quote".
Lines are wrapped and bbcode and custom emoticons are NOT interpreted. Line numbers are also added to make referencing easier.
Title
Syntax: [title] {text} [/title]
Aliases: None
Description: When entered inside the tags: "Quote" or "Code" it will use the text entered between the [title] and [/title] tags as the title of the Quote or Code snippet.
Emoticons
Syntax: [emo{emoticon number}]
Aliases: None
Description: Will display an emoticon when that emoticons number is entered
Bullet Points
Syntax: [bp{bullet point number}]
Aliases: None
Description: When the number of the bullet point is entered it will be replaced with the corresponding bullet point.
There are 20 bullet points available so the numbers 1 to 20 can be used making 20 bullets points to choose from.
Images
Syntax: [img] {location of image} [/img]
Aliases: None
Description: You can enter a url to an image between the image tags above to load an image directly into the page.
Email Address
Syntax: [email] {email address} [/email]
Aliases: None
Description: Will change the email address into a clickable link.
It will also automatically validate the email address to make sure it is of the correct format else it will not display the email address.
If the email address passes the formatting check, then it will encode the email address to prevent spam bots harvesting the address and sending spam to the address while appearing as normal on the page itself.
URL (Web Address)
Syntax: [url] {url address} [/url]
Aliases: None
Description: Will change the url address into a clickable link.
It will also scan a limited amount of url's to make sure the location it points to exists else it will display the link in a different color.
Long URLs will be trunacated but will still work when clicked to prevent display problems of long URLs.
Font Size
Syntax: [font size={font size}] {text} [/font]
Aliases: None
Description: Will change the text to a font size of 1 to 20 (in pixels).
Font Color
Syntax: [font color={color}] {text} [/font]
Aliases: None
Description: Will change the text to a different color.
Colors available are: red, blue, black, silver, gray, white, maroon, purple, fuchsia, green, lime, olive, yellow, navy, teal, aqua, brown and pink.
Background Color
Syntax: [font bgcolor={color}] {text} [/font]
Aliases: None
Description: Will change the background color to a different color.
Colors available are: red, blue, black, silver, gray, white, maroon, purple, fuchsia, green, lime, olive, yellow, navy, teal, aqua, brown and pink.
Bold
Syntax: [b] {text} [/b]
Aliases: None
Shortcut: Ctrl + B
Description: Will make the text bold.
Underline
Syntax: [u] {text} [/u]
Aliases: None
Shortcut: Ctrl + U
Description: Will underline the text.
Italic
Syntax: [i] {text} [/i]
Aliases: None
Shortcut: Ctrl + I
Description: Will make the text italic.
Paragraph
Syntax: [p] {text} [/p]
Aliases: None
Shortcut: Ctrl + P
Description: Will create a paragraph with top and bottom spacing.
Left Alignment
Syntax: [left] {text} [/left]
Aliases: None
Description: Will align text to the left.
Center Alignment
Syntax: [center] {text} [/center]
Aliases: None
Description: Will align text in the center.
Right Alignment
Syntax: [right] {text} [/right]
Aliases: None
Description: Will align text to the right.
Justify
Syntax: [justify] {text} [/justify]
Aliases: None
Description: Will justify text.
Last Note
Last Notes From Us
Do not be afraid to use the good old trial and error method of learning how to use our BBCode system here at Coder Profile.
You can not destroy our site through the use of incorrect BBCode and you will not interfere with the sites design.
The best way to learn is to try for your self.
Have fun formatting your text with Coder Profile's BBCode system ;-)
