»User: »Password:   Remember Me? 
CodeCrunch Webmaster Forums / Designing / HTML , CSS and Javascript / Putting An Icon On My Website Address
Posted:  18 May 2006 10:57

Registered User
Currently Offline 		Posts:  43
Join Date: Apr 2006
I'm wondering how this can be done?

I used to be independent when it comes to search terms, but on this certain topic, I failed to find any relevant results.

I'm talking about websites that have those cool icons beside their addresses on the address bar, instead of the usual "e" icon on internet explorer.


How can this be done?
Posted:  19 May 2006 05:33

Administrator
Currently Offline 		Posts:  22
Join Date: Mar 2006
Thats called a favicon. Here's a site that will allow you to use your image and upload it to be converted to an .ico file :

Favicon from your image

Then you upload that file to your root directory, and insert the following code into your site header :

Code:

<LINK REL="SHORTCUT ICON" href="youriconsname.ico">


That's it!
Posted:  22 May 2006 11:53

Registered User
Currently Offline 		Posts:  43
Join Date: Apr 2006
So THAT'S what they call it. That was a lot easier than I thought! Good thing the company logo is icon-friendly!


Many thanks!
Posted:  22 May 2006 15:32

Registered User
Currently Offline 		Posts:  30
Join Date: Apr 2006
It's very simple indeed but it had me searching for a while too before i found out how to do it
Posted:  28 May 2006 10:57

Registered User
Currently Offline 		Posts:  40
Join Date: May 2006
I have been playing with icons when I had my first computer. Just because of curiosity, I have changed the icons and it was fun for me at that time. Now I'm more interested in what the icon represents than the design of the icon itself.

But anyway, its really good to organize the looks of your PC including the icon change.