BB Forum Codes Tutorial For Beginners

[MOD]Rex

Hey Guy's, recently more people are wondering how to do certain things, such as put up images and change text color, so this thread will walk you through the different codes and how they work.

Index:

1)Font Color
2)Bold/Italics/Underlining
3)Links/URLS
4)Images
5)Indenting
6)Highlighting
7)Font Size
8)Font Type
9)Centering Text/Putting It Right/Left
10)Lists
11)Code Boxes

1)First, Changing Font Color

Font Color Is fun to use and lets you see things in a different color when posting the just the boring default, there is a couple of ways to do this.

The easiest way is to use the coding With this you put the color name where it says insertcolornamehere and what you want to say inbetween the two inside brackets ] and [

Example:
Example

The other way is using the color codes instead of color names. So if you know the code of a certain color, instead of inserting the color name, you put the color code with #before it.

So It would look like this:

Example:
Example



2)The next thing is Bold/Italics/Underlining.

This is fairly simple. To do this Just put the first letter of whatever you want to your text in the code.
Bold would be=
Italic=
Underline= (Note No Spaces In any of the codes!)

Examples: Example Example Example

You can also use more then one code at once, such as: Example



3)Links/URLS:

Links are allowed to be posted, as long as clean. Simply putting a url will make it turn into the link, but you can do more with links.

insertlinkhere Without the space is the code [link]

Now another way so you can combine a link with a picture is doing:


Example:
http://www.z8games.com



4)Images:

This is a big one on these forums, people love posting images, as long as their clean and appropriate.

So it'd look like this: [img][/img]

Example:


Now to combine the link with the picture you do the second way of linking.

So it goes like:
[img]insertimagelinkhere[/link][/link] Example:[/img]

^That Image Is Clickable



5)To Indent:

texthere

Note: Do not put the space in indent code keep it

Example:

Example

6)To Highlight:
[higtlight ]Texthere[/highlight] Note: No space in the coding.

Example:
[highlight]Example[/highlight]



7)Font Size:

To change your font you simply put the number of the size.

[size=OptionSize]texthere[/size]

Or to double:
[size=+2 ]texthere[/size] Again Note, No Space in Code.

Example:
[size=+2]Example[/size]



8)Font Type:
Simply choose the font type you want with font=option in the brackets.
texthere

Example:
Example



9)Centering/Right/Left:
This is easy just put the word of what you want to do to the text in the brackets.

With The Text in between the coding.

Examples:

Example

Example

Example

10)Lists:
The list code using a couple different things.
You start off with the main code.

(Without the space in

) Then for each bullet you put
• With your Text after it.
• text
  then end it with

Example:

• Example 1
• Example 2

11)Codes
This allows you to put a code in a code box.

(Without the space in

)

Example:
[code]Example

**Note: There are many more codes for forums, These are the basic usage ones that beginners can use, and are able to be used on these forums.
***Note: If you don't understand a code still, hit the Quote Button under my post and it will show you exactly what i did in the post, so look at how the examples are set up.

[Greycloak]

Also, if you want to show people how to use bbcode you can use the [noparse][noparse][/noparse] tag.

Like so:

[noparse]THIS IS BOLD[/noparse]

[MOD]Rex

True, forgot that one, been awhile since i've seen a vbulletin coding
Well can't change it now, but atleast it shows people, cause alot have been asking lately

kupkake

Kupkaik say's "sticky this".