BBCode guide |
---|
Introduction
What is BBCode? Text Formatting How to create bold, italic, underlined, strikethrough and centered text How to change the text colour or size Can I combine formatting tags? Outputting code or fixed-width text Outputting code or fixed width text How to enable syntax-highlitghting in code boxes How to store contents of code box into file Using gists Collapsable text boxes (spoiler) Generating lists Creating an Unordered list Creating an Ordered list Creating Links Linking to another site Showing images in posts Adding an image to a post Adding attachments into a post Other matters Quoting text in replies Can I add my own tags? Where to host my files? |
Introduction |
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 |
BBCode includes tags to allow you to quickly change the basic style of your text. This is achieved in the following ways:
|
![]() |
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:
|
![]() |
Yes, of course you can, for example to get someones attention you may write:
[size=200][color=red][b]LOOK AT ME![/b][/color][/size] would output LOOK AT ME!
Remember it is up to you, the poster, to ensure tags are closed correctly. For example the following is incorrect: [b][u]This is wrong[/b][/u]
|
![]() |
Outputting code or fixed width text |
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, e.g. [code]echo "This is some code";[/code]
All formatting used within [code][/code] tags is retained when you later view it. PHP syntax highlighting can be enabled using [code=autohotkey[/code] and is recommended when posting AutoHotkey code samples as it improves readability.
|
![]() |
If you want to have some syntax-highlighted output within your
[code][/code] -box the [code] -tag offers an option: [code=autohotkey[/code] . This makes the contents of your codebox using autohotkey syntax-highlighting. |
![]() |
If you want to provide an easy way to store the contents of a [code][/code] -box into a file, the [code] -tag offers an option: [code file=FILENAME][/code] . Whithin the header-line of the generated codebox a Download-Link is offered. The given filename is used as local filename if the download button is clicked.
|
![]() |
![]() |
gists are a great alternative for storing sourcecode-snippets. Sourcecodesnippets hosted at gist.github.com can by easily inserted into your post using the
[gist]GISTID[/gist] -tag. The GISTID is the id of your gist as provided by gist.github.com. As a result you get a syntax-highlighted codebox within your post. |
![]() |
If you want to hide some lengthy text or pieces of code within a collapsable box within your post, you should enclose the text into
[spoiler][/spoiler] tags. Currently there are three variants of spoilers available:
|
![]() |
Generating lists |
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] and define each item within the list using [*] . For example to list your favourite colours you could use:
This would generate the following 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] to create a numbered list or alternatively
[list=a][/list] for an alphabetical
list. As with the unordered list, items are specified using [*] . For example:
will generate the following:
Whereas for an alphabetical list you would use:
giving
|
![]() |
Creating Links |
phpBB BBCode supports a number of ways of creating URIs (Uniform Resource Indicators) better known as URLs.
[img][/img] (see next entry), [b][/b] , etc. As with the formatting tags it is up to you to ensure the correct open and close order is following,
for example [url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/url][/img] is not correct which may lead to your post being deleted so take care. |
![]() |
Other matters |
There are two ways you can quote text, with a reference or without.
|
If you are an administrator on this board and have the proper permissions, you can add further BBCodes through the Custom BBCodes section.
|
![]() |
If you want post images, binaries or larger files within this board, you have two options:
|
![]() |