Welcome Guest [Log In] [Register]
Welcome to MGSTF -Forum-. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
BBCode Usage Guide
Topic Started: Sep 14 2006, 12:17 PM (180 Views)
Raiden
Member Avatar
I am the TF owner!
The Boss

[size=3]Introduction / Basic Effects[/size]

I decided to produce a guide to BBCode usage to improve general awareness of how useful it can be around the forum. So basically, all BBCode 'tags' are used in the same way. When using MS Word or a similar program, you highlight the text and apply an effect, such as Italics or bold. When using BBCode, the highlighting and the effects are applied at the same time. For example, the most basic applications are underline, bold, italics and strikeout.

bold
italics
underline
strikeout

Translate as:

Code:
 
[b]bold[/b]
[i]italics[/i]
[u]underline[/u]
[s]strikeout[/s]


BBCode tags are placed around the text you want the effect to be applied to.


[size=3]Colour[/size]

Colour tags are slightly more complicated than the basics above, in that the colour needs to be specified in the tags. Example:

Sample text
Sample text
Sample text

Translate as:

Code:
 
[color=blue]Sample text[/color]
[color=red]Sample text[/color]
[color=green]Sample text[/color]


(Note the American spelling of 'color') Basic colours such as red, blue, purple, orange, etc. can be used, but for more choice of colour go to the IF Skin Zone Color Chooser, which allows you to specifiy a colour using a hexadecimal code.

Dark Olive Green
Sky Blue
The colour specification is replaced by the hex code.

Code:
 
[color=#556b2f]Dark Olive Green[/color]
[color=#87ceeb]Sky Blue[/color]



[size=3]Font[/size]

BBCode can be used to change font also; just about any font can be used, but they are generally not viewed by other users.
They are used like colour tags, in this fashion:

Sample Text
Sample Text

Translated:

Code:
 
[font=courier]Sample Text[/font]
[font=times]Sample Text[/font]


A range of fonts can be used, the best way to test whether it is valid or not is to sample it in a post.


[size=3]Size[/size]

Font size can be changed using BBCode. The standard size (the one in which I'm typing the majority of this) is 1. You edit font in the same way as you edit colour and font.

[size=6]Sample Font[/size]
[size=4]Sample Font[/size]

Code:
 
[size=6]Sample Font[/size]
[size=4]Sample Font[/size]


Sizes can be set extremely high (I don't know of any limits), but you can also set them low using negative values. Example:

[size=-1]Sample Font[/size]
[size=-3]Sample Font[/size]

Code:
 
[size=-1]Sample Font[/size]
[size=-3]Sample Font[/size]



[size=3]Hyperlinks and Images[/size]


[size=2]URLs and Email[/size]

Various hyperlinks can be manipulated, to allow transportation to websites, images, downloads, etc. I'm going to dive straight into the examples here:

www.mgsforums.com
Code:
 
[URL]www.mgsforums.com[/URL]

This is the most basic hyperlink, it transports to a specified URL.

MGSForums
Code:
 
[URL=www.mgsforums.com]MGSForums[/URL]

Notice that with this one the same URL is transported to, but it's disguised with a given title. Notice the syntax, the URL is specified within the first tag with the title disguise in the centre.

malachite@hotmail.co.uk

Code:
 
[EMAIL]malachite@hotmail.co.uk[/EMAIL]

This will open a new email window addressed to the specified email address in your default email software.

My email

Code:
 
[EMAIL=malachite@hotmail.co.uk]My email[/EMAIL]

An email address can also be disguised like a regular link, using similar syntax.



[size=2]Images[/size]

An image can be displayed using IMG tags:

Posted Image
Code:
 
[IMG]http://utahreach.org/govt/pics/lincoln.gif[/IMG]

Alternatively an image can be hyperlinked to as if it were a website (see URLs and Email).

As you might expect, a URL can be attached to an image. This is the syntax:

Posted Image
Code:
 
[URL=www.mgsforums.com][IMG]http://utahreach.org/govt/pics/lincoln.gif[/IMG][/URL]

This is very complicated in comparison to other applications (as it features more than one set of tags.)


[size=3]Lists[/size]

Various methods of listing can be implemented using BBCode. The most basic is a bulletpointed list:

  • List Item 1
  • List Item 2
Code:
 
[LIST][*]List Item 1
[*]List Item 2[/LIST]

Notice the LIST tags are used in conjunction with the *s to indicate a new list item.

More advanced listings are as follows:

  1. List Item 1
  2. List Item 2

  1. List Item 1
  2. List Item 2

  1. List Item 1
  2. List Item 2
Code:
 
[LIST=1][*]List Item 1
[*]List Item 2[/LIST]


[LIST=a][*]List Item 1
[*]List Item 2[/LIST]


[LIST=i][*]List Item 1
[*]List Item 2[/LIST]



[size=3]Quotes[/size]

Quoting is relatively simple. It includes a basic and advanced structure, the latter including who posted the quote. Example:

Quote:
 
I need scissors! 61!

Colonel Campbell
 
I need scissors! 61!


Code:
 
[QUOTE]I need scissors! 61![/QUOTE]
[QUOTE=Colonel Campbell]I need scissors! 61![/QUOTE]



[size=3]Code[/size]

When attempting to specify code without actually applying the effects, you need to use CODE tags.
I can't show you them for suntax reasons, but they work just like basic QUOTE tags, in that the word QUOTE is replaced with CODE (and /CODE for the closing tag)


[size=3]Alignment[/size]

A tag which is particularly useful (especially in signatures) is alignment. The following syntax is used:

Sample Text
Sample Text
Sample Text

Code:
 
[align=left]Sample Text[/align]
[align=center]Sample Text[/align]
[align=right]Sample Text[/align]



[size=3]Superscript/Subscript[/size]

These are less commonly used, but very useful to know. Eg.

[size=2]Superscript[/size]

Superscript text appears in a higher position than regular text:

Metal Gear Ac!d2
Code:
 
Metal Gear Ac!d[sup]2[/sup]


[size=2]Subscript[/size]

Subscript text does the opposite, in that the text appears at the bottom.

x1 = 3 + x2
Code:
 
x[sub]1[/sub] = 3 + x[sub]2[/sub]



[size=3]Horizontal Breaks[/size]

Useful for recruitment topics or large guides such as this; you can use this:
Code:
 
[hr]


to create a horizontal break in the page:





[size=3]Activity Inserts[/size]

Not sure what this is strictly called; but here goes: using the following code (commonplace on IRC Chat Rooms) will generate an 'Activity Insert'. I'm not sure how to define them, so I'll use an example:
Code:
 
/_me writes test code


N.B.: in practical use, the underscore between the / and the me is removed. For coding purposes, I've spaced them, as IF immediately converts this code as the following:
Code:
 
*[color=red][b]ADJ[/b][/color] writes test code


You'll understand why when you see the product:

*ADJ writes test code

Thanks to Solide18 for that amazing find, and for the explanation I paraphrased.


[size=3]HTML Box[/size]

This just makes putting HTML in a bit easier. Instead of using the CODE Box, you can use this; different areas are highlighted in different colours, which makes reading it easier. Example:

Code:
 
[HTML]<a href="http://www.mgsforums.com>MGSForums.com</a>[/HTML]


Code: HTML
 
<a href="http://www.mgsforums.com>MGSForums.com</a>


I'm assuming areas will appear in different colours. You might have to mess about a little with that one, but it should all go fine.

[size=3]Shortcuts with Copyright, Trademark, etc.[/size]

The following:
Code:
 
(tm) (c) (r)


are shortcuts to these: (tm) © ®

[size=3]Even More Hints and Tips[/size]

Something I've noticed recently is the automatic deletion of multiple spaces. Essentially any amount of spaces greater than one in sequence will be defaulted to one. Also, the use of [TAB] (an indentation) will be ignored. Try it, it just doesn't work. In the example below, the first two words are seperated by two spaces; the second and third words are seperated by three.
Code:
 
TEST  TEST   TEST


This is read as:

TEST TEST TEST

The excess spaces are ignored. Something you're not going to frequently have trouble with, but useful to know.

[size=3]Conclusion[/size]

Hope you found the above info useful; if you have any queries or questions, feel free to PM me and I'll be glad to deal with your problem. :)

All Content © Alexander Hoskins 2006
Offline Profile Quote Post Goto Top
 
iloveeva

Banned
This is helpfull does this work on other forums?
Offline Profile Quote Post Goto Top
 
Raiden
Member Avatar
I am the TF owner!
The Boss
only on Invisionfree forums.
Offline Profile Quote Post Goto Top
 
iloveeva

Banned
Is there other forum besides Invisionfree. All that i have seen is invisionfree
Offline Profile Quote Post Goto Top
 
Raiden
Member Avatar
I am the TF owner!
The Boss
yea there are but I dont know any right off Ocelot or another person might but there not that active well im not really
Offline Profile Quote Post Goto Top
 
iloveeva

Banned
thats the truth! :thumb2:
Offline Profile Quote Post Goto Top
 
Raiden
Member Avatar
I am the TF owner!
The Boss
watch it mister! :thumb:
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Forum Help · Next Topic »
Add Reply