Ghormanay's guide to...
Goal Counters?

Welcome!

I haven't really got anything to put here so I'll just put some Goal Counters. It's got no images so it's very simple. Just around 210 characters.

The goal counter

The CSS:
.countcon{border:1px solid #aaa;width:100px;padding:1px;height:20px;background:#ffffff;} .count{background:#dddddd; width:80%; line-height:20px;}
HTML:
<div class="countcon"><div class="count">80%</div></div>
Example:

How to use

To change the amount of the goal counter, change the width of the '.count' selector.
If you want to change the colour background, just go to '.count' and change the background colour, or even make it a background image.

Just copy and paste the above code by clicking in the text area, press Ctrl+A to select all and then press Ctrl+C to copy.
Paste the CSS code in between the style tags by pressing Ctrl+V and paste the HTML in the userlookup or petpage.

Credit

Make sure you credit back so other people can use this too. :D

For a text link back:
<a href="http://www.neopets.com/~Ghormanay">Click Here to get a Goal Counter!</a>

Navigate

• Introduction

Other

• My Userlookup
• Neomail me

Network

• Sapesaloona's Page
• Phusether's Graphics
• PerfectlyPunctual's Page

Layout and content by stickyjammy. Please do not steal or copy! Best viewed in Mozilla Firefox.