News & Announcements

Welcome To The Highlands

Fàilte don Ghàidhealtachd

Triumvirate

McVegas E. Schicklgruber

Zircowie

Sulla Dalmus

Today's Headlines

*Forum Gone or Here to Stay?

*Triumvirate Soon to be in Place

*New Laws to Come About Soon

Announcements

***No New Updates Available At This Time***

Time

Scotland - Glasgow

Official State of

The Dominion


Welcome to Highlands. 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:
Locked Topic
Formatting Your Posts; A Guide to BB Code
Topic Started: Mar 8 2010, 12:47 AM (106 Views)
McVegas
Member Avatar
Lord Protector
How to create bold, italic and underlined text
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 [b ][/b ] (without the spaces) e.g.
Code:
 

[b]Hello[/b]


will become Hello

For underlining use [u ][/u ] (without the spaces), for example:
Code:
 

[u]Good Morning[/u]


becomes Good Morning

To italicise text use [i ][/i ] (without the spaces), e.g.
Code:
 

This is [i]Great![/i]


would give This is Great!

How to change the text colour or size
To alter the colour 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:

Changing the colour of text is achieved by wrapping it in [color][/color]. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, e.g. #FFFFFF, #000000. For example, to create red text you could use:
Code:
 

[color=red]Hello![/color]


or
Code:
 

[color=#FF0000]Hello![/color]


Both will output Hello!

Changing the text size is achieved in a similar way using [size0]. This tag is dependent on the template the user has selected but the recommended format is a numerical value representing the text size in percent, starting at 1 (very small) through to 14 (very large) by default. For example:
Code:
 

[size=1]SMALL[/size]

will generally be [size=1]SMALL[/size]

whereas:
[CODE]
[size=14]HUGE![/size]


will be HUGE!

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

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


this would output LOOK AT ME!

We don’t recommend you output lots of text that looks like this though! Remember it is up to you, the poster, to ensure tags are closed correctly. For example the following is incorrect:

This is wrong[color]

Quoting text in replies
There are two ways you can quote text, with a reference or without.
When you utilise the Quote function to reply to a post on the board you should notice that the post text is added to the message window enclosed in a
""
 


block. This method allows you to quote with a reference to a person or whatever else you choose to put! For example to quote a piece of text Mr. Blobby wrote you would enter:
Code:
 

[quote="Mr. Blobby"]The text Mr. Blobby wrote would go here[/quote]


The resulting output will automatically add "Mr. Blobby" before the actual text. Remember 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 utilise this enclose the text in

tags. When you view the message it will simply show the text within a quotation block.

Outputting code or fixed width data
If you want to output a piece of code or in fact anything that requires a fixed width, e.g. Courier type font you should enclose the text in [code ][/code ] tags (without the spaces), e.g.
Code:
 

[code]echo "This is some code"


All formatting used within [code ][/code ] tags is retained when you later view it. PHP syntax highlighting can be enabled using [code=php][/code ] and is recommended when posting PHP code samples as it improves readability.

Strike Through, Alignment and Dividing Lines
If you wish to mark text to be deleted and wish to have the text remain visable, you would use the Strike command. the following
Code:
 

Mary had a little lamb [s]and ewe[/s].


would generate

Mary had a little lamb and ewe.



If you wish to divide your post with a line which divides one paragraph of text from another, use
CODE


[/code]

which will generate






Creating an Unordered list
BBCode supports two types of lists, unordered and ordered. They are essentially the same as their HTML equivalents. An unordered list outputs each item in your list sequentially one after the other indenting each with a bullet character. To create an unordered list you use [list ][/list ] (without the spaces) and define each item within the list using [*]. For example to list your favourite colours you could use:
Code:
 

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


This would generate the following list:

  • Red
  • Blue
  • Yellow

Creating an Ordered list
The second type of list, an ordered list, gives you control over what is output before each item. To create an ordered list you use [ list=1][/list ] (without the spaces) to create a numbered list or alternatively [ list=a][/list ] (without the spaces) for an alphabetical list. As with the unordered list, items are specified using [*]. For example:
Code:
 

[list=1]
[*]Go to the shops
[*]Buy a new computer
[*]Swear at computer when it crashes
[/list]


will generate the following:

  1. Go to the shops
  2. Buy a new computer
  3. Swear at computer when it crashes

Whereas for an alphabetical list you would use:
Code:
 

[list=a]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]


giving

  1. The first possible answer
  2. The second possible answer
  3. The third possible answer

Linking to another site
BBCode supports a number of ways of creating URIs (Uniform Resource Indicators) better known as URLs.
The first of these uses the [ url=][/url ] (without the spaces) tag, whatever you type after the = sign will cause the contents of that tag to act as a URL. For example to link to phpBB.com you could use:
Code:
 

[url=http://www.phpbb.com/]Visit phpBB![/url]


This would generate the following link, Visit phpBB! Please notice that the link opens in the same window or a new window depending on the users browser preferences.

If you want the URL itself displayed as the link you can do this by simply using:
Code:
 

[url]http://www.phpbb.com/[/url]


This would generate the following link, http://www.phpbb.com/


Adding an Image to a Post
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 secondly 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!). To display an image you must surround the URL pointing to the image with [img ][/img ] (without the spaces) tags. For example:
Code:
 

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]


You can wrap an image in a [url ][/url ] tag if you wish, e.g.
Code:
 

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url]


would generate:

Posted Image
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Getting Started · Next Topic »
Locked Topic

Theme by Sith, recolored by Veaux of themeszetaboards.com