Enhance your posts with UBBC

(Universal Bulletin Board Code)

Quoting Other People's Posts with a Quote Box

Press the "quote" button at the top right of the post you wish to copy (instead of pressing "reply").

At the beginning and end of the text, you see some writing in [ square brackets ].

For example:

The [quote ......] and [/quote] are known as "quote tags". Everything between the quote tags will appear in a box.

To do multiple quotes, you have to do another pair of "quote tags" for each box:

You need top copy / paste the [quote .........] tag every time. This is tedious. You could also use the basic [quote] ..... [/quote] form. The basic form puts everything in a box but you will not see the name of the poster and timestamp detail.

If you are quoting a post, which already has a post in it, you are making a nested quote:

Make sure you have equal numbers of [quote] and [/quote] tags. Many people delete the first [quote] without deleting its partner [/quote]. This leaves a stray [/quote] in the post.

Using a Horizontal Line to Separate Parts of Your Post

Instead of writing two posts back to back, you can keep paragraphs separate with a horizontal line.

Press , or type [hr]. This has the effect of drawing a horizontal line across 40% of the width of your post.

Putting links in Your Post: how to use [URL] [/URL]

If you want to direct members to another web page, you can copy the link from the address bar and paste it into your post like this: http://www.fox.com/house/

Most of the time this works. It does not work if the address contains commas or is so long that it goes past one line. For these cases, you must use the [url][/url] tag.

How to use [url] [/url] tags in your posts

• Click on the button.
  
  
• You get the URL tags: [url][/url]
  
  
• You must enter the URL inside the first [url] tag like this: [url=http://www.fox.com/house/]
  
  Not in between the two tags: [url] http://www.fox.com/house/ [/url].
  
  
• Then add the clickable text between the tags: [url=http://www.fox.com/house/]Click here[/url]
  

Clicking on an image to go to another web page:

• Put the [img][/img] tags in between the [url][/url] tags.
  
  
• Like this:

• This is the result of the above code:
  
  
  

Display Coloured Text: Part 1

Select a colour from the Colors drop down menu:

You get a pair of [color=...] [/color] tags. Note the spelling of the word COLOR in the tag. The ... is replaced by the name of a colour. Below are examples of colours that are available. Some of these colours are not in the drop down list. You have to type them yourself.

Display Coloured Text: Part 2

Size Does Matter!

Fonts

Bullet Point List

• Click on the button. You get the following code:
  

  [list]
  [*]
  [*]
  [*]
  [/list]

  
  
• [list] [/list] indicate the beginning and end of the bullet point list.
  
  
• [*] indicates the beginning of each new list item. These will translate to a bullet point in your post.

Table

• Click on the button.
  
  
• The following pop up window appears.
  
  
  In this example, I am building a table with two rows and two columns.
  
  
• Press Go.
  
  
• You get text that looks like this:
  
  [table]
  [tr]
  [td]row 1, column 1[/td]
  [td]row 1, column 2[/td]
  [/tr]
  [tr]
  [td]row 2, column 1[/td]
  [td]row 2, column 2[/td]
  [/tr]
  [/table]
  I have inserted a space after the first [to allow the code to be displayed in this post.
  
  
• If you press Preview, it looks like this:
  
  

  row 1, column 1	row 1, column 2
  row 2, column 1	row 2, column 2

  
  
  
• These symbols mean:
  
  
  
  • [table] [/table] are the beginning and end of the table.
    
    
  • [tr] [/tr] are the beginning and end of a row.
    
    
  • [td] [/td] are the beginning and end of a cell within the row.
    
  
  

Image Shack Uploader - Putting Images in Your Post

• Firstly, the image must be somewhere on your computer. If not, you must right mouse-click on the image and select Save As. Then continue as follows.

• From your Post message screen, press the Browse button:
  

• Find the file on your computer.
  
• Press the Host It button.
  
• In a couple of seconds, you will see a display like this. The display shows you different ways you can display the code in your post.
  
  
• If you are posting a large image, please select Link to Image. This option will put a thumbnail in your post. Members can click on the thumbnail to see the full-size image. Full Image should only be used for small images which fit in the area of the post without stretching the screen.
  
• Press Add to Post.
  
• The UBBC coding for the image is inserted into the post for you!