Fantasy & Beyond

A Book Forum for Speculative Fiction

Guides and FAQs to help you if you're lost.
User avatar
By Magnus
#6

BBCode Guide


BBcodes are bracketed tags that can be used to add formatting and functionality to your posts. A number of shortcuts for them are available in the menu above the post. You can hover the mouse over the standard buttons to see a tooltip with a simple example. This guide will also cover all BBcodes available on these forums and their potential uses.

Remember to always close your tags. If you add a lone [b] somewhere in your post, all the text after it will be displayed in bold.

This guide is quite long! Remember that you can search the page if you are looking for a specific BBCode (Ctrl-F or Cmd-F on desktop computers).

BASIC TEXT FORMATTING

Use the basic tags to format your text with bold, italic, underline, and strikethrough.

[b]Hello![/b] becomes Hello!

[i]Hello![/i] becomes Hello!

[u]Hello![/u] becomes Hello!

[s]Hello![/s] becomes Hello!

ADVANCED TEXT FORMATTING

COLOUR

Use the [color=][/color] tags to change the colour of your text. Add the colour name (orange, red, blue) or a hexadecimal triplet (#FFFFFF, #000000) after the equals sign.

[color=red]Hello![/color] becomes Hello!

[color=#009900]Hello![/color] becomes Hello!

SIZE

Use the [size=][/size] tag to alter text size. The values are in percent.

[size=50]Hello![/size] becomes Hello!

[size=200]Hello![/size] becomes Hello!

HEADLINES

Headlines tags are also available, [h1][/h1], [h2][/h2],and [h4][/h4], which will yield headlines like the ones in this post.

TEXT ALIGNMENT

The [align=][/align] code will let you change the alignment of text or images.

You need to add a variable after the =. The options are left, center, right, & justify.

[align=center]Hello![/align] becomes Hello!

COMBINING TAGS

You can combine formatting tags! Just make sure they are nested in the correct order, like in the example below, or they may not close properly.

[color=red][size=200]Hello![/size][/color] becomes Hello!

IMAGES

You can add images with the [img][/img] tags. Just wrap them around a direct link to an image. You can upload images in the full editor (click '+Reply' near the bottom left of a thread page).

LINKS

You can create a link by adding the [url][/url] tags around a valid url. Or you can turn a word into a link by using the [url=][/url] function.

[url]https://fantasyandbeyond.net[/url] becomes https://fantasyandbeyond.net

[url=https://fantasyandbeyond.net]The bestest site![/url] becomes The bestest site!

QUOTING

You can quote others with the [quote][/quote] tags.

[quote]Creativity is intelligence having fun.[/quote]

becomes
Creativity is intelligence having fun.
You can also use the [quote=][/quote] to add an attribution to the quote.

[quote=Einstein]Creativity is intelligence having fun.[/quote]

becomes
Einstein wrote:Creativity is intelligence having fun.
Attribution is automatic if you use the quote button found at the top right of all posts. Full quotes will appear in your quick reply window (even if it hasn't been opened yet).

When the quick reply window has been opened, you can quote parts of a post by selecting the desired text and clicking the quote button at the top right of that post.

SPOILERS

You can hide spoilers using the [spoiler][/spoiler] tags.

[spoiler]Spoiler text.[/spoiler] becomes:

Spoiler text.
You can also add a title to the spoiler using [spoiler="title"][/spoiler].

[spoiler=Game of Thrones]Hold the door![/spoiler] becomes:

Please note that you need to click the text in order to expand the spoiler bar.

LISTS

You can create lists using [list][/list] and [*].

UNORDERED LISTS

Code: Select all
[list]
[*]A list item
[*]Another list item
[*]Yet another list item
[/list]

becomes:

  • A list item
  • Another list item
  • Yet another list item

You can change the bullet point style of an unordered list with the [list=][/list] function. Available variations are disc, circle, and square.
Code: Select all
[list=square]
[*]A list item
[*]Another list item
[*]Yet another list item
[/list]

becomes:

  • A list item
  • Another list item
  • Yet another list item

ORDERED LISTS

You can also create ordered lists by using 1, a, A, i, or I.
Code: Select all
[list=1]
[*]A list item
[*]Another list item
[*]Yet another list item
[/list]

becomes:
  1. A list item
  2. Another list item
  3. Yet another list item
Code: Select all
[list=a]
[*]A list item
[*]Another list item
[*]Yet another list item
[/list]

becomes:
  1. A list item
  2. Another list item
  3. Yet another list item
isos81 liked this
User avatar
By ScarletBea
#270
I really should have read this earlier before trying out things myself :amused: