HowTo make an HTML page show an icon?

Forum Moderators: open

Message Too Old, No Replies

HowTo make an HTML page show an icon?

ivivi

7:44 am on Dec 4, 2003 (gmt 0)

SlashDot.org's front page causes an icon to appear
in its "button" in Opera's page bar.

How can I set an icon for pages that I create?

TIA

jdMorgan

8:05 am on Dec 4, 2003 (gmt 0)

ivivi,

Welcome to WebmasterWorld [webmasterworld.com]!

First, create an icon [webmasterworld.com]. Then add this code in the <head> section of your page:


<head>
.
. (other stuff)
. 
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="icon" type="image/ico" href="images/favicon.ico">
</head>

Modify the paths for wherever your icon is stored.

The first bit is for IE, and the second for Mozilla and other browsers. They can't agree on the tag (sigh).

Jim

phoenix09

4:58 pm on Dec 9, 2003 (gmt 0)

To make the icon, 16x16 pixels, create in a graphics program a bmp image, 256 colors.

Save as favicon.bmp

Upload image to your images/ folder by ftp, then change the icon name to favicon.ico

This is to avoid potential problems with some hosters setups, make sure you upload it in binary mode of course.

To be on the safe side also place a copy in your root directory since IE looks there too sometimes.

then do what jdMorgan said, that's it, your icon will be up and running, at least in Mozilla, thanks for the tip on the two different tags required, that explains a problem I've been having with that, jd.

photon

2:39 am on Dec 10, 2003 (gmt 0)

Or you can create one and find out everything else you might want to know at favicon.com.