BBCode Guide 2

Introduction:

What is BBCode?
BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets [ and ] rather than < and > and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.

Text Formatting:[b]
BBCode includes tags to allow you to quickly change the basic style of your text. This is achieved in the following ways:

To make a piece of text bold enclose it in:

Code:

[b]Hello[/b]

Result: [b]Hello

For underlining use:

Code:

[u]Hello[/u]

Result:Hello

To italicise text use:

Code:

[i]Great![/i]

Result: Great!

To strike some text:

Code:

[strike]test[/strike]

Result:test


How to change the text colour or size:
To alter the color or size of your text the following tags can be used. (Keep in mind that how the output appears will depend on the viewers browser and system):

To change your text color, you can specify a known color (ex: red, blue, yellow, etc.), or an hexadecimal color code (ex: #FFFFFF, #000000):

Code:

[color=red]Red color (red)[/color] or [color=#FF0000]Red color (#FF0000)[/color]

Result:Red color (red) or Red color (#FF0000)

To change your text size, you must specify the text size in pixel, from 1 (so small you won't see it) to 29 (very huge):

Code:

[size=9]SMALL[/size] or [size=24]HUGE[/size]

Result: SMALL or HUGE

To change the font, you must specify a recognized font (ex: Verdana, Arial) if the user hasn't got the font, a default one will be displayed :

Code:

[font=Arial]Arial font[/font] or [font=Comic Sans Ms]Comic sans MS font[/font]

Can I combine formatting tags?
Yes, of course you can; for example to get someones attention you may write:

Code:

[size=18][color=red][b]LOOK AT ME ![/b][/color][/size]

Will give:LOOK AT ME !


Although, we recommend you not to use much text as above ! Remember that it's your task to correctly shut the tags. The following example is incorrect:

Code:

[b][u]This is incorrect[/b][/u]

The correct form is : This is incorrect

Code:

[b][u]This is correct[/u][/b]

Quoting and outputting fixed-width text:

Quoting text in replies:
There are two ways you can quote text: with a reference or without.

The reference example, to quote a post wrote by Mr. Blobby, you must enter:

Code:

[quote="Mr. Blobby"]The text wrote by Mr. Blobby must be placed here[/quote]

Result :

Mr. Blobby wrote:The text wrote by Mr. Blobby must be placed here

Remember that you must include the quotation marks "" around the name you are quoting -- they are not optional.


The second method allows you to blindly quote something. To use it :

Code:

[quote]Blind quote[/quote]

Result :

Blind quote

Outputting code or fixed width data:

If you want to output a piece of code (HTML or other) or in fact anything that requires a fixed width with a Courier-type font, you must use the following BBCode :

Code:

[code]echo "This is some code";[/code]

Result:

Code:

echo "This is some code";

This is exactly what we use in this FAQ to show you all the BBCodes you can use.

Generating lists
Creating an Un-ordered list:
An un-ordered list produces a list which entries are one underneath the others and indented with a bullet character.

To create an un-ordered list, use:

Code:

[list][*]Red[*]Blue[*]Yellow[/list]

Result:

• Red
• Blue
• Yellow

Creating an Ordered list
The second list type gives you the control on what will be displayed before each entry. To create an ordered list, you've got two possibilities :

A numbered list :

Code:

[list=1][*]Do shopping[*]Buy a new computer[*]Yell to its computer when it crashes[/list]

Result:

1. Do shopping
2. Buy a new computer
3. Yell to its computer when it crashes

An alphabetical list :

Code:

[list=a][*]First possible answer[*]Second possible answer[*]Third possible answer[/list]

Result:

1. First possible answer
2. Second possible answer
3. Third possible answer

Creating Links
The BBcode supports several methods to create links, most commonly known under URLs.

First method, to create for an example a link to forumotion.com you must use :

Code:

[url=http://www.tnmaa.net]visit http://www.tnmaa.net[/url]

Result:visit http://www.tnmaa.net
You'll notice that the link opens a new window, by this way the user can still browse the forums if he wants to.

Second method, if you want the link to display directly the URL :

Code:

[url]http://www.tnmaa.net[/yrl]

Result: http://www.tnmaa.net


Showing images in posts

Adding an image to a post:
The BBCode incorporates a tag for including images in your posts. Two very important things to remember when using this tag are: many users do not appreciate lots of images being shown in posts and second, the image you display must already be available on the Internet (it cannot exist only on your computer, for example, unless you run a webserver!). You can upload for free your images on internet by an image hosting such as www.servimg.com. To display an image, you need to proceed as following :

Code:

[img]http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/582449_3105199230701_1124691808_n.jpg[/img]

Result:

Text positioning:


Four positions possibilities are proposed :

Left alignment:

Code:

[left]text aligned to the left[/left]

Result:
The centering :

Code:

[center]Text centered[/center]

Result:

Right alignment :

Code:

[right]Text aligned to the right[/right]

Result: \

The justification :

Code:

[justify]This page is available, please contact us. Read more about pain soft nearby. For the bow, feel good, from the course, the ullamcorper that, a few notes he did not, he wishes to. We bow at EU consumer. The mass scale is feasibility. But the hatred. This comment stated. It's not easy here. Economy of the impact is. Contact. We just region, the gate, and, every now and then, according to reason is the anyone who loves or the masters.[/justify]

Result:

Scrolling text

Make a message scroll horizontally

If you wish to make a text scroll horizontally, you need to use the following BBcode :

Code:

[scroll]My message[/scroll]

Result: My message

Make a message scroll vertically
The second way to make a text scroll is vertically, with the following BBcode :

Code:

[updown]My message[/updown]

Result:My message

requires programming skills...haven't done that in a while

[/size]

mr.kudos wrote:requires programming skills...haven't done that in a while

sorry for my skills this is my first time to post a guidelines sorry for that

haha .. Madali naman pong intindihin eh. Medyo may skill na din dahil madalas nakatambay sa forum ang kuya ko. :D

ahahaha kinalat tlga xD
d nmn s bawal ahahahah :D

ezekiel05 wrote:[/size]

gagana ba marque dito??
parang HTML din pla try ko nga dito mga code ng HTML

Nope it won't

Thanks for the info

Thank your for this, HTML is disabled for posting a reply. Only admin can activate it.

Thank you for posting this~! We're having a lesson about this.. Yay~! :]

Thanks.. ^_^

Pano po ung Kunyari sa Signature Rukichii

hello Kirito-kun07

nag iidentify po nung tumitingin na user pano un?

Try ko Guest

Medyo mahirap pala :)) ..... Mahina kc ako pagdating sa mraming nakasulat ...


Pero Be Patient parin ... ^_^

Thanks! It really helped a lot.

Thanks for this i learned a lot more about bbcode.

nice guide!