<html>
<head>
<title>BBCode Guide</title>
<link href="../_stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<b><a name="Top"></a></b>
<table width="100%" cellspacing="1" cellpadding="3" align="center" bgcolor="$border">
  <tr> 
    <td align="center" class="title" bgcolor="$bghead" >BBCode Guide</td>
  </tr>
      <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"> <b>Text Formatting</b><br> <a href="#1">How to create 
      bold, italic and underlined text</a><br> <a href="#2">How 
      to change the text colour or size</a><br> <a href="#3">Can 
      I combine formatting tags?</a><br> <br> <b>Quoting and outputting fixed-width 
      text</b><br> <a href="#4">Quoting text in replys</a><br>
      <a href="#5">Outputting code</a><br> 
      <br> <b>Generating lists</b><br> <a href="#6">Creating 
      an Un-ordered list</a><br> <a href="#7">Creating an Ordered 
      list</a><br> <br> <b>Creating Links</b><br> <a href="#8">Linking 
      to another site</a><br> <br> <b>Showing images in posts</b><br>
      <a href="#9">Adding an image to a post</a></td>
  </tr>
</table>
<br>
<table width="100%" cellspacing="1" cellpadding="3" bgcolor="$border" align="center">
  <tr> 
    <td class="title" bgcolor="$bghead"align="center">Text Formatting</td>
  </tr>
  <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><b><a name="1"></a>How to create bold, italic, underlined 
      and lined-through text</b><br>
      BBCode includes tags to allow you to quickly change the basic style of your 
      text. This is achieved in the following ways: 
      <ul>
        <li>bold text: <b>[b]</b>Hello<b>[/b]</b><br>
          <br>
          will become <b>Hello<br>
          </b></li>
        <li>underlined text: <b>[u]</b>Good Morning<b>[/u]</b> <br>
          <br>
          becomes <u>Good Morning<br>
          </u></li>
        <li>italic text: <b>[i]</b>Great!<b>[/i]</b><br>
          <br>
          would give This is <i>Great! </i></li>
      </ul>
      <a href="#Top">Back to top</a> </td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><b><a name="2"></a>How to change the text colour 
      or size</b><br>
      To alter the color 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: 
      <ul>
        <li> <b>[color=red]</b>Hello!<b>[/color]</b><br>
          <br>
          or<br>
          <br>
          <b>[color=#FF0000]</b>Hello!<b>[/color]</b><br>
          <br>
          will both output <font color="#FF0000">Hello!</font><br>
        </li>
        <li> <b>[size=1]</b>SMALL<b>[/size]</b><br>
          <br>
          will generally be <font size="1">SMALL</font><br>
          <br>
          or:<br>
          <br>
          <b>[size=5]</b>HUGE!<b>[/size]</b><br>
          <br>
          will be <font size="5">HUGE!<br>
          </font></li>
        <li><b>[font=courier]</b>Courier<b>[/font]</b><br>
          <br>
          will generally be <font face="Courier">Courier</font> 
        </li>
      </ul>
      <a href="#Top">Back to top</a></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><b><a name="3"></a>Can I combine formatting tags?</b><br>
      Yes, of course you can, for example to get someones attention you may write:<br> 
      <br> <b>[size=5][color=red][b]</b>LOOK AT ME!<b>[/b][/color][/size]</b><br> 
      <br>
      this would output <font color="#FF0000" size="5"><b>LOOK AT ME!</b></font><br> 
      <br>
      We don't recommend you output lots of text that looks like this though! 
      Remember it is up to you, the poster to ensure tags are closed correctly. 
      For example the following is incorrect:<br> <br> <b>[b][u]</b>This is wrong<b>[/b][/u]</b><br> 
      <br> <a href="#Top">Back to top</a></td>
  </tr>
</table>
<br>
<table width="100%" cellspacing="1" cellpadding="3" bgcolor="$border" align="center">
  <tr> 
    <td class="title" bgcolor="$bghead"align="center">Quoting and outputting fixed-width 
      text</td>
  </tr>
    <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><a name="4"></a><b>Quoting text in replys</b> <ul>
        <li> <b>[quote=Mr. Blobby]</b>The text Mr. Blobby wrote would go here<b>[/quote]</b><br>
          <br>
        </li>
        <li><b>[quote]</b>The text Mr. Blobby wrote would go here<b>[/quote]</b> 
        </li>
      </ul>
      <br> <a href="#Top">Back to top</a></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><a name="5"></a><b>Outputting code or fixed width 
      data</b> <br> <br> <b>[code]</b>echo "This is some code";<b>[/code]</b><br> 
      <br>
      All formatting used within <b>[code][/code]</b> tags is retained when you 
      later view it.<br> <br> <a href="#Top">Back to top</a></td>
  </tr>
</table>
<br>
<table width="100%" cellspacing="1" cellpadding="3" bgcolor="$border" align="center">
  <tr> 
    <td class="title" bgcolor="$bghead"align="center">Generating lists</td>
  </tr>
    <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><a name="6"></a><b>Creating an undordered list</b><br>
      <br> <b>[list]</b><br> <b>[*]</b>Red<br> 
      <b>[*]</b>Blue<br> <b>[*]</b>Yellow<br> <b>[/list]</b><br> <br>
      This would generate the following list: 
      <ul>
        <li>Red</li>
        <li>Blue</li>
        <li>Yellow</li>
      </ul>
      <a name="7" id="7"></a><b>Creating an orderedlist</b><br>
      <br>
      <strong>[list=1]</strong><br>
      <b>[*]</b>Red<br> <b>[*]</b>Blue<br> <b>[*]</b>Yellow<br>
      <strong>[/list=1] <br>
      <br>
      This would generate the following list: </strong> <ol>
        <li>Red</li>
        <li>Blue</li>
        <li>Yellow</li>
      </ol>
      <strong> [list=a]</strong><br> <b>[*]</b>Red<br> <b>[*]</b>Blue<br> <b>[*]</b>Yellow<br>
      <strong>[/list=a] <br>
      <br>
      This would generate the following list: </strong> <ol type="a">
        <li>Red</li>
        <li>Blue</li>
        <li>Yellow</li>
      </ol>
      <strong> </strong><br> <a href="#Top">Back to top</a></td>
  </tr>
</table>
<br>
<table width="100%" cellspacing="1" cellpadding="3" bgcolor="$border" align="center">
  <tr> 
    <td class="title" bgcolor="$bghead" align="center">Creating 
      Links</td>
  </tr>
    <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><a name="8"></a><b>Linking to another site</b> <ul>
        <li> <b>[url=http://www.webspell.at]</b>Visit WebSPELL<b>[/url]</b><br>
          <br>
          This would generate the following link, <a href="http://www.webspell.at" target="_blank">Visit 
          WebSPELL</a> <br>
          <br>
        </li>
        <li> <b>[url]</b>http://www.webspell.at<b>[/url]</b><br>
          <br>
          This would generate the following link, <a href="http://www.webspell.at" target="_blank">www.webspell.at</a> 
          <br>
        </li>
        <li> <b>[email]</b>no.one@domain.adr<b>[/email]</b><br>
          <br>
          which will output <a href="emailto:no.one@domain.adr">no.one@domain.adr.</a><br>
          <br>
          <b>[email=no.one@domain.adr]</b>email me<b>[/email]</b><br>
          <br>
          which will output <a href="emailto:no.one@domain.adr">email me</a> </li>
      </ul>
      <br>
      <a href="#Top">Back to top</a></td>
  </tr>
</table>
<br>
<table width="100%" cellspacing="1" cellpadding="3" bgcolor="$border" align="center">
  <tr> 
    <td class="title" bgcolor="$bghead" align="center">Showing 
      images in posts</td>
  </tr>
    <tr> 
    <td bgcolor="$pagebg"></td>
  </tr>
  <tr> 
    <td bgcolor="$bg1"><a name="9"></a><b>Adding an image to a post</b><br>
      <br>
      <b>[img]</b>http://cms.webspell.org/images/linkus/1.gif<b>[/img]</b><br>
      <br>
      <br>
      As noted in the URL section above you can wrap an image in a <b>[url][/url]</b> 
      tag if you wish, eg.<br>
      <br>
      <b>[url=http://www.webspell.org/][img]</b>http://cms.webspell.org/images/linkus/1.gif<b>[/img][/url]</b><br>
      <br>
      would generate:<br>
      <br>
      <a href="http://www.webspell.org" target="_blank"><img src="http://cms.webspell.org/images/linkus/1.gif" border="0"></a><br>
      <br>
      <a href="#Top">Back to top</a></td>
  </tr>
</table>
</body>
</html>
