two11
07-31-2007, 11:14 AM
Official BB Code Tut. By two11
(all the "*" insterted in the bb codes are only there so you can see what they look like and use them. Befor you try it out do not add the astericks)
How to change the text color or size?
To change the color and size of your text the following tags can be used:
Changing the color of the text is achieved by wrapping it in [/color*].
You can specify either a recognised colour name (ex. red, blue, yellow, etc.) or the hexadecimal triplet alternative, (ex. #FFFFFF, #000000.)
For example, to create red text you could use:
Hello[/color*][/size*]
or
[size=1][color=#FF0000*]Hello![/color*][/size*]
will both output [size=1][color=#FF0000]Hello!
Create bold, italic, underlined, and center text
To make a piece of text bold enclose it in (insert word here) [*/b]
That code would show as: (insert word here)
To make a piece of text italicise use (insert word here)[*/i]
That code would shaw as: [i](insert word here)
To make a piece of text underlined use (insert word here)[/u*]
That code would show as: [u](insert word here)
To make a piece of text centered use: (insert word here)[/center*]
That code will show as:
[center](insert word here)
Can I combine formatting tags?
Yes, of course. For example to get someones attention can post:
[color=red*][b*]LOOK AT ME![/b*][/color*][*/size]
(Do not inster astericks as i did. Put it next to eachother.I add the astericks so you can see what it looks like.)
this would output [size=18][color=red][b]LOOK AT ME!
I don't recommend you post lots of text that looks like this, though! Remember that it is up to you, the poster, to ensure that tags are closed correctly.
How to make links and link images
To insert a link use the following code:
(what you want it so show as)[/url*]
I will show a link to PawnGame:
[url=www.pawngame.com]Click here for PawnGame ((insert your link here))
To post an image from Imageshack or PhotoBucket insert this code:
(the url of the photo)[/IMG*]
I will post a picture from my photobucket account
[IMG]http://i136.photobucket.com/albums/q161/jdse94/Carmelo_Anthony_by_jonf247.jpg
I am warning you, DO NOT POST LARGE IMAGES they will be removed and cause hard feelings. xD (not kidding). Also dont post huge text in the fourms!
An optional spoiler
To make a spoiler box where the person can click it to see it.
To make one use this code: (write your spoiler here)[/spoiler*]
Ill make a fake spoiler here... Take a look, it doesnt show anything
[spoiler](This is where your secrete wil show)
How To Make an E-mail link
This is very simple but this is how you do it:
(your e-mail address here)[/email*]
Example:
[email]JohnDoe@aol.com
How to make lists
insted of astericks for this i will use the "+" symbol
To make lists use the following codes:
Item1
Item2
Item3
The Finished product will show as this:
Item1
Item2
Item3
How to make a line that splits the page
to divide words or sections of a page put [hr*] in between words or sections
Ex:
This is a line [hr] And it divides
Boreders, Backround color on text, Strike out text, and Sub-text
To make borders around your text use: (word thats being bordered)
[/border*]
This would show as:
[border=red]Its Bordered!<as red
Its Bordered!<as blue
Its Bordered!<as yellow
Its Bordered!<as green
To make it bold simply but a coma 3 after "" It looks like:
[border=blue,3]Bold Bordered!
To make it dotted simply do coma 1 then coma dotted "" It shows as:
[border=green,1,dotted]Dotted Bordered
To make text in subline use this code: (the word that subed
Ex:
(this is subbed) This is mornal
And to make words with strikes simply use: striked[/s*]
Ex:
[s]strikes
Thanks, Julian
(all the "*" insterted in the bb codes are only there so you can see what they look like and use them. Befor you try it out do not add the astericks)
How to change the text color or size?
To change the color and size of your text the following tags can be used:
Changing the color of the text is achieved by wrapping it in [/color*].
You can specify either a recognised colour name (ex. red, blue, yellow, etc.) or the hexadecimal triplet alternative, (ex. #FFFFFF, #000000.)
For example, to create red text you could use:
Hello[/color*][/size*]
or
[size=1][color=#FF0000*]Hello![/color*][/size*]
will both output [size=1][color=#FF0000]Hello!
Create bold, italic, underlined, and center text
To make a piece of text bold enclose it in (insert word here) [*/b]
That code would show as: (insert word here)
To make a piece of text italicise use (insert word here)[*/i]
That code would shaw as: [i](insert word here)
To make a piece of text underlined use (insert word here)[/u*]
That code would show as: [u](insert word here)
To make a piece of text centered use: (insert word here)[/center*]
That code will show as:
[center](insert word here)
Can I combine formatting tags?
Yes, of course. For example to get someones attention can post:
[color=red*][b*]LOOK AT ME![/b*][/color*][*/size]
(Do not inster astericks as i did. Put it next to eachother.I add the astericks so you can see what it looks like.)
this would output [size=18][color=red][b]LOOK AT ME!
I don't recommend you post lots of text that looks like this, though! Remember that it is up to you, the poster, to ensure that tags are closed correctly.
How to make links and link images
To insert a link use the following code:
(what you want it so show as)[/url*]
I will show a link to PawnGame:
[url=www.pawngame.com]Click here for PawnGame ((insert your link here))
To post an image from Imageshack or PhotoBucket insert this code:
(the url of the photo)[/IMG*]
I will post a picture from my photobucket account
[IMG]http://i136.photobucket.com/albums/q161/jdse94/Carmelo_Anthony_by_jonf247.jpg
I am warning you, DO NOT POST LARGE IMAGES they will be removed and cause hard feelings. xD (not kidding). Also dont post huge text in the fourms!
An optional spoiler
To make a spoiler box where the person can click it to see it.
To make one use this code: (write your spoiler here)[/spoiler*]
Ill make a fake spoiler here... Take a look, it doesnt show anything
[spoiler](This is where your secrete wil show)
How To Make an E-mail link
This is very simple but this is how you do it:
(your e-mail address here)[/email*]
Example:
[email]JohnDoe@aol.com
How to make lists
insted of astericks for this i will use the "+" symbol
To make lists use the following codes:
Item1
Item2
Item3
The Finished product will show as this:
Item1
Item2
Item3
How to make a line that splits the page
to divide words or sections of a page put [hr*] in between words or sections
Ex:
This is a line [hr] And it divides
Boreders, Backround color on text, Strike out text, and Sub-text
To make borders around your text use: (word thats being bordered)
[/border*]
This would show as:
[border=red]Its Bordered!<as red
Its Bordered!<as blue
Its Bordered!<as yellow
Its Bordered!<as green
To make it bold simply but a coma 3 after "" It looks like:
[border=blue,3]Bold Bordered!
To make it dotted simply do coma 1 then coma dotted "" It shows as:
[border=green,1,dotted]Dotted Bordered
To make text in subline use this code: (the word that subed
Ex:
(this is subbed) This is mornal
And to make words with strikes simply use: striked[/s*]
Ex:
[s]strikes
Thanks, Julian