Custom Bullet List



If you want to create a nice bullet menu with your own custom bullets then follow this tutorial.

This uses a little bit of css to customise the list. Firstly paste this code into your css style sheet or at the top of the page in the head section:

ul.CustomBullet { list-style-image: url('URL') }

Your HTML for the bullet list should look something like this:

<ul class="CustomBullet">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

So what you have just done is set up some css properties, which are telling it to change the bullet to whatever image you put for the url. The when you have used the HTML you have called upon these properties by having "class="CustomBullet"".

Eg.

  • Item 1
  • Item 2
  • Item 3
  • Item 4
Back

Jessica-Ann is 20, living just out of Melbourne, Australia. Working as a trainee support technition at a university in the IT department. Has a passion for web design and image manipulation and shopping. Enjoys going out dancing and drinking but knows when to take it easy. You've somehow stumbled on her space, please enjoy and respect. Layout: Hilary Duff
Programs: PSP9 and Dreamweaver 8 and using WACOM tablet.
Host: Dani at S-S.org
Thanks: Mentioned in Artwork
Optimised: Site has been optimised for use with both IE7 and FF with a resolution of 1280x800.
COMING SOON