This is the ultimate guide for using html on fpsb. Html is very helpful and handy on this site. You can use it to make cool text efects, hyperlinks, and even post images. But you can even link your images. How cool is that. I this tutorial I will try to explain the very importances.

Their are amny many different ways to customize your text, I may not cover all of them but will include the must used ones.

---

This:
<b>bold</b>
<i>italic</i>
<s>strikethrough</s>
<u>underlined</u>
<blink>blink</blink>
<marquee>marquee</marquee>


Gives you...
bold
italic
strikethrough
underlined
blink
marquee

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.