Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Get an icon in the toolbar 3

Status
Not open for further replies.

yigalm

Technical User
Aug 16, 2001
42
US
Hi,

I was asked to make an icon appear in the links toolbar (instead of that 'e'), when you drag it to the links tolbar. It will also appear in the Faforites (instead of the 'e') etc.

You could see an example of what I mean on this page:
anyone have any idea where I should start?

Thnk you,
IM
igor@acwis.org
 
Sure. First of all, you only see that icon after adding the site to your "favorites". So for example, when I went to the site you referenced, I saw the "e".

Still, there's a simple trick to making that happen. Make your little icon using a tool like Microangelo (shareware icon creation tool) and name it "favicon.ico" and place it in the web's root directory.

Now, whenever someone adds the site to their faves, assuming they are running IE something-dot-something or higher (5.0 maybe?), they'll get the desired effect.

John Hoarty
jhoarty@quickestore.com
 
Here's the step-by-step below. Note - in order to get the icon to lodge itself into your own IE web client, you will need to delete any previous link/favorite to the site. Then, browse to the URL, and re-add it to your favorites. IE will send a request for the "favicon.ico" file. You'd be amazed by how often these requests are lodged against a web server (they will appear in the logs, depending on the log configuration).

1. Create a 16x16 pixel file in your graphics program.
2. Index the image to 256 colors or less.
3. Save the file in a format that can be converted in an icon editor program - bmp or gif are the best bets.
4. Open the file in an icon editor to conver it to ico for mat.
5. Save the file as favicon.ico.
6. Put the icon in your root directory (for instance, 7. If you don't have access to the root directory, you can specify a different location by adding the following code to each of your pages: <LINK REL='SHORTCUT ICON' href='/path/foo.ico'>

Tips:

1. Although the icon palette can contain up to 256 colors, it's a good idea to limit the palette to 16 colors.
2. The Windows 16-color palette is the safest palette to use for icon creation.
3. If you can't place your icon in the root directory, use Server Side Includes to add the required code to the pages of your site.

Hope that helps - it's a slick way to add a little extra to a site.

-hammera
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top