This guide will teach you all about several of the different BBC options and how/when to use them. You'll notice that when you hit the "Reply" button on a thread you'll be rewarded with a new reply screen which features different sections like Subject, Tags, Message icon, Message Body, as well as several weird looking buttons and bars. These are BBC buttons. If you play around with these you'll discover you can do lots of neat things like center, shadow and bolden text. You can insert codes, tables, rules, videos and emoticons (which most of you are probably already familiar with). The Font face, font size and font color are actually really limited- there's so many more that you could use then what's in the drop down lists.
Font Family:
B-
Bolden text
I-
Italicize text
U-
Underline text
S Strikeout text
Font Face:
This is used to change the font style of text. The drop down menu gives you 10 different options but you can use pretty much any font style. For example:
Bradley Hand ITC is one of my favorites and is not listed. To insert your own font style you can either select one from the drop down list and simply remove the selected and enter your own or to do it yourself enter "font=bradleyhanditc" in brackets (without the paranthesis) before the preferred text and enter "/font" in brackets (again, w/o the paranthesis) after the text. (see the coded entry below for a more detailed example)
[font=bradleyhanditc]enter preferred text here[/font]
Font size:
This changes the size (height/width) of your text. The dropdown box gives you 7 different selections but again, you can use any size.
Change color:
This bar gives you the option to change the color of your text. The dropdown menu gives you a basic overview of colors you can use but again, any color can be used here. In HTML you would use color codes, such as:
[fontcolor=#669900]colored text here[/font]
**The selected color (#669900) is a dark greenish
In CSS things are made much easier because you can simply use color tags.
Example:
[color=olivedrab]colored text here[/color]
Here's a link to a CSS Font Colour Code Chart that I use:
You are not allowed to view links.
Register or
Login*Scroll down to the
Not necessarily web safe section- you'll need to use the actual color names, not the numbers, but it gives you a colored preview of what each one looks like.
Other Options:
You'll notice 4 little boxes located on the top with the Font Family. These are used to align text. The 4 options are:
Preformatted text ("pre")
Left Align ("left")
Center Align ("center")
Right Aligh ("right")
There are also 3 boxes grouped together under the alignment options:
G: add
glow to text - you can change the color and luminosity of the text by replacing the "red" with the color of your choice and the same for the "2,300" (increase the number for a brighter glow or decrease for a duller effect)
D: add
shadow to text - you can change the color and shading effect by replacing the "red" with the color of your choice or the "left" with options like "right", "above" or "below"
M: make your text scroll right to left across the screen by using the Marquee effect
sup: inserts
superscript into text
sub: inserts
subscript into text
Tt: inserts
Teletype
Advanced Options:
Next I'll go over how to embed things in your posts. You'll notice on the 2nd row there's a group of 6 boxes.
f: used to insert youtube and other flash videos
</>: used to insert youtube and other embedded videos and text
*You can change the size of the videos by simply changing the numbers. I like to use 400,250 for videos. Likewise you can simply use the "embed" button to embed various text, etc (size won't matter here)
Sp: Spoiler button. This button can be used to "hide" the contents of a message like so:
Sorry but you are not allowed to view spoiler contents.
The next 3 boxes are:
Insert HyperlinkYou are not allowed to view links.
Register or
Login [url]www.perusingtheshelves.com[/url]
I like to use a manual hyperlink code:
<a href="insert url here"> enter text [/url]
Example:
You are not allowed to view links.
Register or
LoginSorry but you are not allowed to view spoiler contents.
Insert email[email]yourname@hotmail.com[/email]
Insert FTP linkYou are not allowed to view links.
Register or
Login[ftp]www.perusingtheshelves.com[/ftp]
Sorry but you are not allowed to view spoiler contents.
Advanced Formatting Options:
Under the "font size" bar are 3 boxes:
Insert table: this is used to format your text. A complete walkthrough can be found here: You are not allowed to view links.
Register or
LoginInsert code: used to code text (see the above coded examples)
Insert quote: used to insert quotes
The next 3 boxes are for lists and rules:
Insert Unordered List:
[list]
[li]text here[/li]
[li]text here[/li]
[/list]
example:
Insert Ordered list:
[list type=decimal]
[li][/li]
[li][/li]
[/list]
Horizontal Rule: Used to insert a horizontal line to separate text
[hr]
The last 2 boxes are:
Remove formatting: does exactly as it says
Toggle View: clicking this button will allow you to automatically preview your post in the message window instead of having to scroll down/up and hit the "preview" button
The last of the buttons are the emoticons which are pretty self-explanatory. However, there are a few that you can use that aren't listed such as an angel and devil:
0:)
0:)
Use the zero key then a regular smiley
>:D
Use the > key then a open mouthed smiley
I hope this "guide" was helpful. If you have any questions or anything to add, leave a post!!