Titlebar icon for web pages

Asbestos · Post by **Asbestos** » 02 Oct 2004, 22:54

Okay, how do you get a custom icon to display in the titlebar on IE or in the addressbar on FireFox? Penny Arcade is one of the many sites that has one and frankly I want to know how it is done. Any one know?

McGuywer · Post by **McGuywer** » 24 Oct 2004, 12:33

I would also like to know but I think it has something to do with PHP and maybe your style sheets. My free fourm also has one but I cannot see where it is defined.

Richard_ · Post by **Richard_** » 16 Jan 2005, 17:43

McGuywer wrote:I would also like to know but I think it has something to do with PHP and maybe your style sheets. My free fourm also has one but I cannot see where it is defined.

I can for the life of me also not figure out how they get it right??? Some other sites that use it are Google, HowStuffWorks etc. Ive looked at the source code, and there's definitely nothing there!

Post by **Thrall** » 16 Jan 2005, 19:03

If you mean the icon that's displayed in Favourites, you can do it this way:

1. Create the icon

Size: 16 pixels by 16 pixels
Number of Colours: 16
Image Type: .gif
File Size: 1046 bytes

2: Change the icon to a .ico file - call it favicon.ico

3: Add the favorites icon to your html. In the <Head> tag, enter the following code:

Code: Select all

<LINK REL="SHORTCUT ICON" HREF="favicon.ico">

4: Upload the icon and the new page - voila