Formatting forum topics and replies

For the simplest case, you can just enter your heading and text in the form.  Topic replies have no heading.

It is possible to apply various formatting to your text, which can make it easier to understand.  This page describes the basics of this.  Formatting is achieved using a series of BBCodes, which are inserted into the text.  Whilst editing, you will see these as shortcodes, contained within square brackets. When your text is displayed, the shortcodes will be used to format the text accordingly.  For example, I have italicised the word shortcodes above.  This would be achieved thus:

you will see these as [I]shortcodes[/I], contained within…

Most codes comprise a pair enclosing the text to be operated on.  You could insert the pair and then replace the curly braces {content} with the text to be formatted.  However, it is much better to select the text to be formatted before clicking on the button.  In this case the selected text will be enclosed correctly between the shortcode pair.

The formatting bar

At the top of the composing or editing window you will see a row of formatting buttons which can be used to insert the BBCodes into your text.  The icons give a clue to their function.  Hovering over an icon will reveal a pop-up confirming its action.  There follows instructions for various requirements.

How to do…

Text styling

You can style text as a Heading, bold, italic, underscored or strike-through by selecting the text and then clicking on the appropriate button.  Superscript and subscript are also available: e.g. “sail area is 40m2

Codes can be nested to achieve styles such as bold italics.

Text colour and size

You can change the colour or size of text by selecting it and then clicking on the appropriate button.

In this case you need to provide extra information for the colour or size, as in the following example:

This text is coloured red, while this is sized 20pt.

This was created thus:

This text is [color color="red"]coloured red[/color], while this [size size="20"]is sized 20pt.[/size]

Watch out for the American spelling of colour in the shortcodes!

Text alignment

You can align text left, right or justified  by selecting the text and then clicking on the appropriate button.

Lists

You can create lists, which can be unordered (proceeded by a bullet •) or ordered with automatically numbered items.  This is the simplest way to create your list:

  1. Create your list with one line for each list item.
  2. Select each line in turn and click on the list item button to wrap it in the li pair.
  3. Select the whole list, including the item shortcodes and click on the list type – unordered or ordered.  This will wrap the whole list in ul or ol shortcode pairs.

  The above list was created this way.

Pre-formatted text

You may want to keep your text laid out as it is, without having it wrapped as the system desires.

Select the text to be presented as it is and then click on the pre-formatted button.  It will be presented in a box as you wrote it.

Quotes

You can present text as a quote by selecting it and then using the quote button to surround it with the quote shortcode. 

Mark Twain once wrote

I am sorry this letter is so long. but I did not have time to make it shorter. 

If you are quoting from a forum topic or reply, note the topic or reply ID number, which is displayed top right.  Copy the text to be quoted into place and quote it as above.  Then insert the reply ID into the opening shortcode with quote={number}.  This will attribute the quote to the author and link this to the quoted topic or reply.  Here is an example:

Now I am ashore for the winter, I have been able to tackle a number of issues with this web site. This topic describes the changes implemented.


This was created with
[quote quote=8737]Now I am ashore for the winter, I have been able to tackle a number of issues with this web site.  This topic describes the changes implemented.[/quote]

Links

If you wish to link to an external website or another page, you can surround the link URL with the URL shortcode.  This will turn it into a clickable link but leave the (maybe lengthy) details visible.

Much preferred is to turn a meaningful bit of text into the link.  Example:

Consult with North Sea Maritime

was created with

Consult with [url url="http://northseamaritime.com"]North Sea Maritime[/url]

If you wish to link to another topic or reply within the forums, you may use the topic or reply buttons, which work similarly. However, you replace the URL with the topic or reply ID number. Example:

See the topic on tender sizes.

was created with

See the topic on [topic topic=6492]tender sizes[/topic].

Images and files

You can attach images, such as photos, and files to be included in your topic or reply.  I have limited this to a maximum of four.

You select your images for attachment using the select file button at the end of the form.  The type and size limits available to you are displayed.  If you need to exceed these limits, contact the administrator. Having selected your file, you can, optionally, set a caption for it.  If you do no more, the image or file will be included as an attachment at the bottom of your topic or reply.

You can instead insert an image into the body of your text.  Position your cursor where you require it and then click on the Insert into content button.  This will insert a shortcode referencing the image to be displayed. By default, the image will fill the space available, but you can control the size by inserting into the opening shortcode a size in pixels, such as width=200

If you upload a file, such as a .pdf, you can also give it a caption.  Inserting it into your text will insert the caption (or file name if no caption has been set), which will link to the file.  Clicking on this link will open the file in a separate tab or window.

If you need assistance, have as look in the support forum. If you do not find what you need, raise it as a query there.