Home
Little Joe Ezine
Articles
Books & Literature
Hosting FAQ'S
Share & Help Other
Windows or Linux
Domain Names
1-800
Articles
 

Adding Customized Bullets.



There are times that a site developer would want to use Customized Bullets to achieve a certain look and feel on thier web pages that can not be done by the use of regular bullets.

In this page I'd show to you simple and easy steps that you can use to add a certain graphic of your choice to come up with your own unique custom bullets.

Step One:

You will need to upload your own graphic. In this example we will use this graphic You can right click your mouse once the cursor is over the picture and left click "save picture as" to your desktop computer.

Step two:

It's time to upload your graphic. Here is the relevant Html tag to use just incase you are kind of lost on how to do achieve that

<img border="0" src="http://www.yourdomain.com/images/checkmark2.gif" WIDTH="24" HEIGHT="23" alt="">

Change the bold text to suite your needs, your domain name, the name
of the graphic, width and height in that order.

Step three:

Now lets put all these together, copy this Html code and paste it to the relevant body on your page that you want your bullets to appear.

<DL>
<DD><img border="0" src="http://www.yourdomain.com/images/checkmark2.gif" WIDTH="24" HEIGHT="23" alt="">List Item 1</DD>

<DD><img border="0" src="http://www.yourdomain.com/images/checkmark2.gif" WIDTH="24" HEIGHT="23" alt="">List Item 2</DD>

<DD><img border="0" src="http://www.yourdomain.com/images/checkmark2.gif" WIDTH="24" HEIGHT="23" alt="">List Item 3</DD>

<DD><img border="0" src="http://www.yourdomain.com/images/checkmark2.gif" WIDTH="24" HEIGHT="23" alt="">List Item 4</DD>
</DL>

During step two we changed the bold text to suite our needs. The last step now left is to change the text in red from above. This is your actual text content that you want to appear next to your customized bullets.

Example: Here is how the graphic and text might look like:
Item 1 of your content goes here.

Item 2 of your content goes here.

Item 3 of your content goes here.

Item 4 of your content goes here.


Close Customized Bullets window
and return to Html JavaScript examples


footer for Customized Bullets page