Their are various amount of colors you can use on this site. I will first explain to you about fpsb's class colors.

---

This:
<b class=red>class red</b><br>
<b class="blue">class blue</b><br>
<b class="green">class green</b><br>
<b class="orange">class orange</b>

Gives you..
class red
class blue
class green
class orange

The colors above also correspond to the uberstyle or your uberstyle. For an example.
A persons uber style has been set to different class colors regarding his uberstyle they made. You should see something like this:
You can simply change those colors in your uberstyle any time you'd want to.
Now different font colors I will show an example below.

and so on...
Another way is:

Scrollbar Small & Thin


The code:


Scroll Bar Downward & Wider

The code:

Using hyperlinks on fpsb is very helpful. But some other think of it as a waise of time because their quite lazy. Below I will show you some more examples on using hyperlinks on fpsb.

---

Link to another page.Link to another page in a new window/tab.Links within the site. (Thanks Swamp)

Displaying images on fpsb is pretty simple.

---

First you need the URL of the picture, you can simply find it by rightclicking the image and click copy image location using firefox. Using IE simply rightclick > properties. Then place the url between the quotes as I showed below. Here are some more examples.
Displaying Images:

A fieldset is a box Ill show you below.

---

This is a fieldset, it is a box, people use these a lot when writing tutorials.

<fieldset></fieldset>

This is a Legend, lets just call it a title for now.

People use the legends for titles and inside the fieldset for information.

<fieldset><legend>This is a Legend, lets just call it a title for now.</legend>People use the legends for titles and inside the fieldset for information.</fieldset>

We all know what text size is, here I will show you how to increase the size of your text, or decrease it.

---

This:
<font size="6">Big</font>
<font size="2">Small</font>
<small>Smaller</small>
<small><small>Smallest</small></small>
Gives you..
Big
Small
Smaller
Smallest

Columns in fpsb are also very useful when using bullet points, for submitting news or anything.

---

• The <ul> Indents for buelltet points.
  • Another <ul> makes it smaller and further to the right.
    The <ul> Indents for buelltet points.
    • Another <ul> makes it smaller and MORE further to the right.
  
  
  <ul><li> The &lt;ul&gt; Indents for buelltet points.<ul><li>Another &lt;ul&gt; makes it smaller and further to the right.<ul></il>The &lt;ul&gt; Indents for buelltet points.<ul><li>Another &lt;ul&gt; makes it smaller and MORE further to the right.</ul></ul></ul>

A subscript or superscript is a number, figure, symbol, or indicator that appears smaller than the normal line of type and is set slightly below or above it.
Example:
This is _subscript
This is ^superscript
<sub class="orange">subscript</sub>
<sup class="orange">superscript</sup>

Fpsb buttons are usually what you see when you submit something.

---

<input class="button" "type="submit" value="Button">

Thats a big button to make it smaller:


<input class="button" "type="submit" value="Button" style="font-size: 11px">

Now how to link a button:


<a href="/forum"><input class="button" "type="submit" value="Button" style="font-size: 11px"></a>

I will also show you some other techniques with HTML, for example combining an image with a link. It is pretty simple.

---

Combining Images With Links
Its really simple to do, just create a hyperlink but dont close the tags. ^</a> Then simply add in the image code. Using Titles
Titles is another cool way to give the image a name or brief text about the image, link, etc. It is most comonly used for images.

Here I will show you how to make the cool click effect call "skippers" (i guess), it will allow you to skip to a certain part of the tutorial.

---

First you need to name the text you want to skip to, this is how I did it in this tutorial:

<a name="test">Text to skip to</a>
Text to skip to<a href="test#">click to skip</a>
click to skip

Here I will answer your frequently asked questions.
Your answer to that is to just add them in.
Example:

---

<a title="Fpsbanana" href="http://www.fpsbanana.com/"><img src="http://image.hazardstrip.com/site/fps_title.png"></a>

Me for the tutorial.
Rekon for the screenshot/render.