Basic BBCoding

MohtasaUnique · Dec 23, 2009

Oops, wrong subforum, if someone will move this to the appropriate forum, I'd appreciate it, thanks and sorry;]

1 | Basic BBcoding

There are three basic BBcoding tags, and they are as follows:
Bold

Code:

[B]The quick brown fox jumps over the lazy dog.[/B]

Italics

Code:

[I]The quick brown fox jumps over the lazy dog.[/I]

Underline

Code:

[U]The quick brown fox jumps over the lazy dog.[/U]

---------------------------------------------------------------------------------------------
The BBcode for bold is

PHP:

[B](TEXT HERE)[/B]

The function of this tag is to make what you type darker, drawing attention to that specific information in your text. To add the bold tag, you may click the "B" button at the top and begin typing; select the desired portion of your text and click the "B" button; or select the desired portion of your text and hit CTRL-B on your keyboard.

The BBcode for italics is

PHP:

[I](TEXT HERE)[/I]

The function of this tag is to accentuate the selection; to give it feeling much like caps does. To add the italics tag, you may click the "I" button at the top, and begin typing; select the desired portion of your text and click the "I" button; or select the desired portion of your text and hit CTRL-I on your keyboard.

The BBcode for underline is

PHP:

[U](TEXT HERE)[/U]

The function of this tag is to highlight a certain part of your text as being important or being a key term or phrase.. The title, for example is often underlined. To add the underline tag, you may click the "U" button at the top, and begin typing; select the desired portion of your text and click the "U" button; or select the desired portion of your text and hit CTRL-U on your keyboard.

2 | Text Editing

There are six basic text editing BBcodes and they include
Fonts

Code:

[FONT="Arial Black"]The [/FONT][FONT="Garamond"]quick [/FONT][FONT="Arial"]brown [/FONT][FONT="Impact"]fox [/FONT][FONT="Century Gothic"]jumps [/FONT][FONT="Lucida Sans Unicode"]over [/FONT][FONT="Fixedsys"]the [/FONT][FONT="Times New Roman"]lazy [/FONT][FONT="Verdana"]dog[/FONT].

Size

Code:

[SIZE="1"]The[/SIZE] [SIZE="2"]quick brown [/SIZE][SIZE="3"]fox [/SIZE][SIZE="4"]jumps [/SIZE][SIZE="5"]over [/SIZE][SIZE="6"]the [/SIZE][SIZE="7"]lazy dog[/SIZE].

Color

Code:

[COLOR="Red"]The [/COLOR][COLOR="Blue"]quick [/COLOR][COLOR="Green"]brown [/COLOR][COLOR="DarkOrchid"]fox [/COLOR][COLOR="Orange"]jumps [/COLOR][COLOR="Yellow"]over [/COLOR][COLOR="Cyan"]the [/COLOR][COLOR="Black"]lazy [/COLOR][COLOR="White"]dog[/COLOR].

Three text positioners (Left, Right, and Centered)

Code:

[LEFT]The quick brown fox jumps over the lazy dog.[/LEFT]
[CENTER]The quick brown fox jumps over the lazy dog.[/CENTER]
[RIGHT]The quick brown fox jumps over the lazy dog.[/RIGHT]

---------------------------------------------------------------------------------------------
The BBcode tag for fonts is

PHP:

[FONT="(FONT HERE)"](TEXT HERE)[/FONT]

The function of this tag is purely aesthetic. Choosing different fonts sets the mood of the text you are writing or displays your personality. To use this tag, click the fonts drop box and select your favorite font or select a desired portion of your text and select your favorite font.

The BBcode tag for size is

PHP:

[SIZE="(SIZE # HERE)"](TEXT HERE)[/SIZE]

The function of this tag is to establish a hierarchy in your text. Larger sized font is usually the most important ideas in the text while smaller fonts are less important. To use this tag, click the size drop box and click your size and begin typing or select the desired portion of your text and choose the size.

The BBcode tag for color is

PHP:

[COLOR="(COLOR NAME OR HEX# HERE)"](TEXT HERE)[/COLOR]

The function of this tag is also purely aesthetic, similar to the font functionality. To use this tag, click the color drop box or the color already chosen under the "A" button and begin typing or select the desired portion of your text and select your color.

The BBcode tags for the text positions are

PHP:

[LEFT](TEXT HERE)[/LEFT]
[CENTER](TEXT HERE)[/CENTER]
[RIGHT](TEXT HERE)[/RIGHT]

The fuction of this tag is to properly allign your text however you want. To use this tag, click either of the three buttons at the top and begin typing or select a desired portion of your text and click either of the three buttons.

3 | Lists and Indents

There are four basic tags for lists and indents and they are as follows:
Number List

Code:

[LIST=1]
[*]The quick brown fox jumps over the lazy dog.
[*]The quick brown fox jumps over the lazy dog.
[*]The quick brown fox jumps over the lazy dog.
[/LIST]

Bullet List

Code:

[LIST]
[*]The quick brown fox jumps over the lazy dog.
[*]The quick brown fox jumps over the lazy dog.
[*]The quick brown fox jumps over the lazy dog.
[/LIST]

Decrease Indent

Code:

The quick brown fox jumps over the lazy dog.

Increase Indent

Code:

[INDENT]The quick brown fox jumps over the lazy dog.[/INDENT]

---------------------------------------------------------------------------------------------
The BBcode tag for numbered lists is

PHP:

[LIST=1]
[*] (TEXT HERE)
[*] (TEXT HERE)
[*] (TEXT HERE)
[/LIST]

The function of this tag is to effectively organize your ideas or a compilation of any items into neat lists. To use this tag, click the numbered lists button at the top. It will prompt you to include items to be put on the list. You may also write out the tag yourself by wrapping your list in the tags and putting [*] at the beginning of each new item to be listed.

The BBcode for bullet lists is

PHP:

[LIST]
[*] (TEXT HERE)
[*] (TEXT HERE)
[*] (TEXT HERE)
[/LIST]

The function of this tag is the same as the numbered lists, as well as the use, but instead of having LIST=1, you only use LIST as the tag, indicating you do not want it numbered.

The BBcode for increasing indent is

PHP:

[ INDENT](TEXT HERE)[ /INDENT]

The fuction of this tag is to decrease any indents in your text. To use it, select the desired portion of your indented text and click the decrease indent button at the top.

4 | Link, Hyperlink, and Pictures

There are three basic linking tags and they are as follows:
Link

Code:

[URL]www.thequickbrownfoxjumpsoverthelazydog.com[/URL]

Hyperlink

Code:

[URL="www.*******.com"]The quick brown fox jumps over the lazy dog.[/URL] (redirected to the **** homepage)

Image

Code:

[IMG]http://readwild.com/thequickbrownfox.gif[/IMG]

---------------------------------------------------------------------------------------------
The BBcode for links is

PHP:

[URL](URL HERE)[/URL]

The function of this tag is to redirect users to a desired webpage. To use this tag, copy and paste a URL into your text and it will automatically wrap it in URL tags. If you'd like to do it manually, clcik the URL button at the top and copy and paste the URL into the prompt.

The BBcode for hyperlink is

PHP:

[URL="(URL HERE)"](TEXT HERE)[/URL]

The function of this tag is to link users to a desired site in a more aesthetic or informative method. If you were typing something like "Please follow the rules as listed here", the word "here" could be hyperlinked to a rule thread somewhere in the forum or on a completely different site. To use this tag, select the desired portion of text and click the hyperlink button at the top. Put in the URL in to prompt and press enter.

The BBcode for images is

PHP:

[IMG](IMAGE URL HERE)[/IMG]

The function of this tag is to display images directly in the text you are writing. Make sure that any image URL you're using is a direct link or it won't work. You can tell by looking at the end of the link. If it ends in an image type file such as .jpeg .png or .gif, it is a direct link. To use this tag, click the image button at the top and copy and paste in your image URL.

5 | Quotes, Codes, and HTML

There are three basic types of these code boxes and they are as follows:
Quote

The quick brown fox jumps over the lazy dog.

Code

Code:

The quick brown fox jumps over the lazy dog.

HTML

PHP:

The quick brown fox jumps over the lazy dog.

---------------------------------------------------------------------------------------------
The BBcode for quote is

PHP:

[QUOTE].[/ QUOTE]

The function of this tag servers as a more powerful alternative to the quotation marks. To use this tag, click the "Quote" button beneath someone else's text; click the quote button at the top and begin typing; or select the desired text and click the quote button.

The BBcode for code is

PHP:

[CODE](CODE HERE)[/CODE]

The function of the tag, I honestly don't know. I use it as a box to accentuate important information, such as the quick brown fox phrases above. To use this tag, click the "#" button at the top and begin typing or select the desired text and click the code button.

The BBcode for HTML is

PHP:

[ HTML](HTML HERE)[ /HTML]

The funtion of the tag is to use HTML coding or to reveal and neutralize BBcode tags. To use this tag, click the "< >" at the top and begin typing or select the desired text and click the HTML button.

6 | BBcode combinations

You can combine many BBcode tags to alter your results such as:
The infinite code box

Code:

[CODE][CODE][CODE][CODE][CODE]Code.

[/CODE][/CODE][/CODE][/CODE][/CODE]
Text effects
The quick brown fox jumps over the lazy dog.
and much more!

Feren Silver · Jan 3, 2010

Can you show a way to do a color fade? I have a vouch from Esuom in my vouches if you want to know what I'm talking about.

I Am The RWT · Jan 5, 2010

Possibly the text is an image. Or you could just simply use more colors to make it fade.

EXAMPLE

Feren Silver said:
Can you show a way to do a color fade? I have a vouch from Esuom in my vouches if you want to know what I'm talking about.

FearGets50s · Jun 28, 2010

Thanks, this helped

Basic BBCoding

MohtasaUnique

Grand Master

Feren Silver

Hero

I Am The RWT

Guru

FearGets50s

Grand Master