BBCode User Guide

Be sure to check the guidelines and announcements in this forum first, and feel free to provide feedback.
User avatar
Christian Ankerstjerne
Administrator
Administrator
Posts: 2506
Joined: Thu Jan 24, 2008 8:42 pm
Location: Denmark
Contact:

BBCode User Guide

Postby Christian Ankerstjerne » Fri Jan 25, 2008 12:33 am

Font Settings
You can use bold, italic and underlined text to add emphasis in your posts. Doing this is really easy. To make bold text use the B tag, to make italic text use the I tag and to make underlined text use the U tag.

Example

Code: Select all

[b]Bold[/b], [i]italic[/i] and [u]underlined[/u] text is easy to make. [b][i][u]You can also mix the settings[/u][/i][/b].

Result
Bold, italic and underlined text is easy to make. You can also mix the settings.


You can also add colour to the font, and change the font size, by using the COLOR and SIZE tags.

Example

Code: Select all

[size=200]The size[/size] [size=150]of this[/size] text is [size=85]getting smaller[/size] [size=50]and smaller[/size]. [color=darkred]This[/color] [color=red]paragraph,[/color] [color=orange]on[/color] [color=brown]the[/color] [color=yellow]other[/color] [color=green]hand,[/color] [color=olive]is[/color] [color=cyan]quite[/color] [color=blue]colourful,[/color] [color=darkblue]as[/color] [color=indigo]you[/color] [color=violet]see.[/color]

Result
The size of this text is getting smaller and smaller. This paragraph, on the other hand, is quite colourful, as you see.


It is important to only add effects where appropriate. Don't add colours and other settings just for the sake of doing so.

________________________________________


Indenting text
You can easily indent blocks of text, including every type of code.

Example

Code: Select all

Normal text.
[indent=25]Indented text.[/indent]
Normal text.

Result
Normal text.
Indented text.

Normal text.


________________________________________


Making Links
There are several different ways to make a link on the forum.

The easiest method is simply posting the URL on the forum. The forum software will automatically convert the URL into a link. Just be sure that there is a space both before and after the link, or it can create problems.

Example

Code: Select all

Go visit the Tanks in World War 2 forum at http://www.weaponsofworldwarii.com/forum/

Result
Go visit the Tanks in World War 2 forum at http://www.weaponsofworldwarii.com/forum/


You can also use the URL tags to make a link. This will allow you to write text, such as commas and periods, right next to the link, without having the text interfering with the link. It can be a good idea to have less-than (<) and greater-than (>) signs before and after the link, to make it clearer that it is a link.

Example

Code: Select all

Go visit the Tanks in World War 2 forum at <[url]http://www.weaponsofworldwarii.com/forum/[/url]>.

Result
Go visit the Tanks in World War 2 forum at <http://www.weaponsofworldwarii.com/forum/>.


The last method allows you to write a title for the link, so that the link itself is meaningful. Again, you'll use the URL tags, which will be modified a bit.

Example

Code: Select all

Go visit the [url=http://www.weaponsofworldwarii.com/forum/]Tanks in World War 2 forum[/url].

Result


________________________________________


Quotes
If you wish to include material in your post which you have not written yourself, e.g. other member's posts or passages from a book, these should be placed inside QUOTE tags, to differentiate the quote from your own text.

To make a simple quotation box, simply place QUOTE tags around the text.

Example

Code: Select all

[quote]This is a quote[/quote]

Result
This is a quote


You can also attribute the quote to a certain person. If you are quoting another members post in the same thread, the easiest method of doing to is using the quote-button in the top right corner of the post you wish to quote. This will automatically take you to the reply page, with the text of that post in QUOTE tags.
You can also modify the quote tags yourself to include a name, though. This is quite simple and well:

Example

Code: Select all

[quote="A name"]This is a quote attributed to a name[/quote]

Result
A name wrote:This is a quote attributed to a name


If you are quoting a website, you can link to the website directly from the quote, by placing the link in stead of the name of the person quoted. The theory behind making the links is described above, for those who are uncertain of how to make links. You have to use the URL tag to make the link clickable.

Example

Code: Select all

[quote="[url]http://www.weaponsofworldwarii.com/forum/[/url]"]This quote is attributed to a clickable URL[/quote]

Result
http://www.weaponsofworldwarii.com/forum/ wrote:This quote is attributed to a clickable URL


You can also include the name of the page you are linking to in the quote.

Example

Code: Select all

[quote="[url=http://www.weaponsofworldwarii.com/forum/]Tanks in World War 2 forum[/url]"]This quote is attributed to a website by using a clickable page name.[/quote]

Result
Tanks in World War 2 forum wrote:This quote is attributed to a website by using a clickable page name.


When attributing the quote to someone, always remember to include the quotation marks ("), or the function won't work.

Two things to remember when making quotes are
  • Always include your source
  • Don't make multiple nested quotes - it makes the page more difficult to read

_______________________________________


Tables
If you wish to present tabular data, then you can't simply post it directly in the forum, because only one space is allowed between each number and letter. This will make the data look very strange. There are two methods formaking tables: the CODE tags and the TABLE tag group. The CODE tags are the easiest tags to use, but for larger tables, they can be a bit cumbersome. The TABLE tag group offers a far more versatile table structure.

Example

Code: Select all

[code]       Wars of the early 20th century
                             Start year   End year
Boxer Rebellion              1899         1901
Russo-Japanese War           1904         1905
Italian-Ottoman Empire War   1911         1912
First Balkan War             1912         1913
Second Balkan War                   1913
World War I                  1914         1918
Russian Civil War            1918         1921
Polish-Soviet War            1919         1921
Third Anglo-Afghan War              1919[/code]

Result

Code: Select all

       Wars of the early 20th century
                             Start year   End year
Boxer Rebellion              1899         1901
Russo-Japanese War           1904         1905
Italian-Ottoman Empire War   1911         1912
First Balkan War             1912         1913
Second Balkan War                   1913
World War I                  1914         1918
Russian Civil War            1918         1921
Polish-Soviet War            1919         1921
Third Anglo-Afghan War              1919

Since all letters and spaces will be the same size, the best way to properly align the text is to type the text up in a text editor, using a typewriter font, such as Courier New. Note that you can't use any of the other tags, e.g. to make the font bold. Also note that you have to use spaces to align the text, and not the tabulator.

Example

Code: Select all

[table]
 [trow]
  [tmultiheader=3]Wars of the early 20th century[/tmultiheader]
 [/trow]
 [trow]
  [theader][/theader]
  [theader]Start Year[/theader]
  [theader]End Year[/theader]
 [/trow]
 [trow]
  [theader]Boxer Rebellion[/theader]
  [tcell]1899[/tcell]
  [tcell]1901[/tcell]
 [/trow]
 [trow]
  [theader]Russo-Japanese War[/theader]
  [tcell]1904[/tcell]
  [tcell]1905[/tcell]
 [/trow]
 [trow]
  [theader]Italian-Ottoman Empire War[/theader]
  [tcell]1911[/tcell]
  [tcell]1912[/tcell]
 [/trow]
 [trow]
  [theader]First Balkan War[/theader]
  [tcell]1912[/tcell]
  [tcell]1913[/tcell]
 [/trow]
 [trow]
  [theader]Second Balkan War[/theader]
  [tmulticell=2]1913[/tcell]
 [/trow]
 [trow]
  [theader]World War I[/theader]
  [tcell]1914[/tcell]
  [tcell]1918[/tcell]
 [/trow]
 [trow]
  [theader]Russian Civil War[/theader]
  [tcell]1918[/tcell]
  [tcell]1921[/tcell]
 [/trow]
 [trow]
  [theader]Polish-Soviet War[/theader]
  [tcell]1919[/tcell]
  [tcell]1921[/tcell]
 [/trow]
 [trow]
  [theader]Third Anglo-Afghan War[/theader]
  [tmulticell]1919[/tcell]
 [/trow]
[/table]

Result
Wars of the early 20th century
Start YearEnd Year
Boxer Rebellion18991901
Russo-Japanese War19041905
Italian-Ottoman Empire War19111912
First Balkan War19121913
Second Balkan War1913
World War I19141918
Russian Civil War19181921
Polish-Soviet War19191921
Third Anglo-Afghan War1919

Note, that you have to remove all the carriage returns from the code, or there will be a large space above your table. Therefore, it is a good idea to edit the code is a separate text editor, until you post it, as the code will otherwise be quite difficult to read.

________________________________________


Lists
If you wish to make a list on the forum, you can use the LIST tags. You can either make a normal bulleted list, or you can make a numbered list.

The bulleted list is the easiestto make - for each point inside the LIST tags, you just have to place a bullet tag in front of the point.

Example

Code: Select all

[list]
[*]A bulleted point
[*]Another bulleted point
[*]And yet another one
[/list]

Result
  • A bulleted point
  • Another bulleted point
  • And yet another one


The numbered listis quite easy tomake as well, and only requires a slight modification to the opening tag.

Example

Code: Select all

[list=1]
[*]Bullet one
[*]Bullet two
[*]Bullet three
[/list]

Result
  1. Bullet one
  2. Bullet two
  3. Bullet three


________________________________________


Images
There are two ways of posting images: Attaching and hotlinking.

Attaching the photographs uploads the image to the forum, from where it will be stored. To attach a photograph to a post, press New topic or New reply. Below the text area for the contents of the post, you'll find the section Add an Attachment. Press Browse, and find the image you wish to attach on your computer, and press Open. If you wish, write a caption or description in the File Comment text field, and press Add Attachment. You can include several images in one post.
Please don't abuse this feature to upload images not relevant to the forum, since it will take up room better used for serious images.

To hotlink to an image which is already on the Internet, first find the URL of the image. Then, using the IMG tags, you can include it in the text of your post.

Example

Code: Select all

[img]http://www.panzerworld.net/pictures/00001.jpg[/img]

Result
Image

Be sure only to hotlink images from your own websites, since it is essentially stealing to hotlink someone else's image. Furthermore, very large images should be linked to by using the URL tags, since they will otherwise mess up the layout.

Also make sure that you only use images either where the copyright either belongs to you or where the image is in the public domain.

________________________________________


Off-topic
In case you wish to clearly mark off-topic contents as such, you can use the OT tag.

Example

Code: Select all

[ot]Off-topic contents.[/ot]

Result
Off-topic
Off-topic contents.

Return to “Announcements and Suggestions”



Who is online

Users browsing this forum: No registered users and 1 guest