Main Content

Updates
To Do List
You
Health and Beauty
Reads
Jenni
Quizzes
Tutorials
The Domain
Dollmakers
Link Star-Girl.org
Question?
Plug Your Site
Index/Blog

Extra

Change The Skin
Jenni Fanlisting
Star-Girl.org Fanlisting
Webdesign Question?
Report An Error
MT Blog Archives
Nov-Apr 04 Archives
Feb-Nov 03 Archives

Sites and Projects

Shining Top Sites
Creme De La Femme
Starshine Boards
Starstruck Zine

Starshine.la Login

Username

Password



Linkage




Etc.

refreshes today
Bullet Points


Okay, this tutorial is about using and customising the bullet points on your site without using images :) If you want to create your own bullet points, see my 'Customising Bullet Points' tutorial.

1. To put a regular bullet point on your site, use this code:

<li> 2. It will create a list like this (if you use it more than once):



3. To make your bullet point a different colour from your text use this code:



4. To make your bullet point a different shape, use this code:



5. Replace the word 'SHAPE' with either circle, disc or square.



6. If you want to add your bullet points as part of your site's CSS code, use this:



7. Remember to name the SHAPE you want and pick a different if you like, too.

Note: You only need to put the beginning and end parts of your CSS code once on a page. So if you use more than one bit of code on your page it will look like this: <style type="text/css"> Code Code Code </style>

Back | Forward

Advertised

Your Site Here?






All content and design is © Jennifer Brown 2005, unless otherwise stated. Please click *here* for more information.