PDA

View Full Version : FavIcons and what I am learning. :)

trackerm
11-22-2004, 02:23 AM
I have often noticed in my tabbed browser the cute little icons some webpages have in the tabs and favourites.

I have found a free website that makes FavIcons from photos, graphics and logos
http://www.chami.com/html-kit/services/favicon/
You just bung the file into the applet and the website tosses you an .ico file in a zip.
Then you just upload it into your main files area and the thing works, without extra code.

There must be other easy ways of doing it (maybe better ones), but this is the one I found.

Mark
CaribbeanChoice
11-22-2004, 02:36 AM
Oh my gosh! Thank you! Thank you! Thank you!

I have wanted to makie one of these for awhile for my website and I already knew what image I was going to use, and this was so simple!!!!

Thank you! :D
webado
11-22-2004, 02:36 AM
Yes, there are programs (e.g. ICOEDIT) you can download and you can make your own favicons. You can even make a 16x16 pixel bmp image, rename it with the .ico extension and it will work.

I find however that www.chami.com does a much beter job than I could ever do myself, especially since it takes an image file and turns it painlessly into an favicon. I sure hope they keep the site around forever.
webado
11-22-2004, 06:39 PM
Yes, I see that - a litle red n7.

You have to activate Personalized favroites menu in Tools>Internet Options>Advanced.

Also you have tfrist bookmark a site and after that you'll see the favicon in the list of bookmarks. You can see it also in the browser bar, but IE sometimes loses that. A trick is to Clisk & darg the addresss from the adderss abr onto the window itsels, and release it. it will show again.
webado
11-22-2004, 07:39 PM
Firefox should show them readily, unless of course it's not set.

In IE > Tools > Internet Options > Advanced > Enable
Favorites .... (under Navigation)

Sorry, I don't have the exact text becaue I'm using French version of IE.

But IE is finicky and loses the favicons so you have to prod it all the time.
trackerm
11-22-2004, 10:04 PM
Spirelli, I cant see your FavIcon.

Christina, yours is very good as it actually has you whole web name in the FavIcon!

Mark
Proteus
11-22-2004, 10:07 PM
Chris, how did you add your icon to every single page in your site?...
webado
11-22-2004, 10:17 PM
Chris, how did you add your icon to every single page in your site?...
There's only one favicon.ico file on the website, in the root.

On every page, I have this placed in the <head> section:


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


It's not necessary really to sepcify this if the file is called favicon.ico but it helps.

Not all web hosting render favicons though. www.netfirms.com doesn't.
Proteus
11-22-2004, 11:36 PM
On every page, I have this placed in the <head> section:


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




I wonder how did you put that code in this file:
http://www.webado.com/multiplespotting.gif

...still I can see your icon there!
webado
11-23-2004, 12:13 AM
LOL! I didn't put it in that file. By virtue of a file called favicon.ico being present on my website in the root of the domain, the sever serves it to the browser and the browser displays it in the address bar instead of the little e of IE or whatever else the browser you use would normally show. It does that for any access to my site, for any file you access from there through the browser.

This is because my server supports favicons. Most server do, but some, especially free hosting, don't.

The link in my html pages is there just to reinforce this mostly for the benfit of other browsers I think. Also at the time I was using free hosting, my favicon was hosted on a proper server and the the tag in the html files contained a link to it, thus ensuring that it still got displayed in the address bar of browsers that support favicons, though not served as such by the web site's server.