Warning: include(/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php) [function.include]: failed to open stream: No such file or directory in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 1

Warning: include() [function.include]: Failed opening '/home/.lurky/jenni/star-girl.org/skins/cookiecheck.php' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 1

Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 2

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 2
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:

<ul style="color: #E51601;"> <li><span style="color: #000000;">List</span> <li><span style="color: #000000;">List</span> </ul>

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

<ul style="list-style-type: SHAPE;"> <li><span style="color: #000000;">List</span> <li><span style="color: #000000;">List</span> </ul>

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:

<style type="text/css"> <!--ul { list-style-type: SHAPE; color: #000000; margin-top: 0; } --> </style>

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>
Warning: include() [function.include]: Filename cannot be empty in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 49

Warning: include() [function.include]: Failed opening '' for inclusion (include_path='.:/usr/local/lib/php:/usr/local/php5/lib/pear') in /home/jenni/star-girl.org/pages/tutorials/csscgi/bullet.php on line 49