Jump to content
xisto Community
Sign in to follow this  
iGuest

All About The Fav Icon

Recommended Posts

do you want to add fav icon to you site
the fav icon show in favorites in the user brwoser and adress bar
it show in only ie5+
-------
to add this icon to your site you need to
your icon must be 16 *16 pixels and 256 color and win32 format
it name must be favicon.ico
--------
2 way 1 if you have yourname.com you can add only the icon on the
master root dir
and 2 if you have not domain and you have subdomain
you must add this code to your web page

<link rel="shortcut icon" href="http://your-url/favicon.ico">
you must replace the "http://forums.xisto.com/no_longer_exists/; to your path of favicon.ico

thanks
ejasoft
Edited by miCRoSCoPiC^eaRthLinG (see edit history)

Share this post


Link to post
Share on other sites

Also, does it need to be named favicon?? I would think you could name it whatever you want as long as you adjust the location accordingly.

<{POST_SNAPBACK}>


No it doesn't. It's just a common practise to do so.

 

In the link tag you could also add

type="image/x-icon"

It's not required but good coding style. :(

Share this post


Link to post
Share on other sites

I recommend Irfanview for saving icons.

 

http://www.irfanview.com/main_download_engl.htm

 

Also, does it need to be named favicon?? I would think you could name it whatever you want as long as you adjust the location accordingly.

<{POST_SNAPBACK}>

See there's a difference. Now all web-servers are pre-programmed to look for a file caled favicon.ico in the root "/" directory of the web-server. If it finds that file - it's immediately displayed in your browser address bar and tabs. If not, next it looks into your index.html/.php file for a link like

<LINK REL="SHORTCUT ICON"       HREF="/your_directory/logo.ico" tupe="filetype - icon or jpg or gif">

This makes the page load that file as your favourite icon. But doesn't the method of including a file named favicon.ico sound more elegant and painless ?

Share this post


Link to post
Share on other sites

do you want to add fav icon to you site

the fav icon show in favorites in the user brwoser and adress bar

it show in only ie5+

-------

to add this icon to your site you need to

your icon must be 16 *16 pixels and 256 color and win32 format

it name must be favicon.ico

--------

2 way 1 if you have yourname.com you can add only the icon on the

master root dir

and 2 if you have not domain and you have subdomain

you must add this code to your web page

 

<link rel="shortcut icon" href="http://your-url/favicon.ico">
you must replace the "http://forums.xisto.com/no_longer_exists/; to your path of favicon.ico

 

thanks

ejasoft

<{POST_SNAPBACK}>


Actually the Netscape and Firefox browsers will show a favicon as well. And when you first replace a favicon Firefox will add it immediately, whereas Internet Explorer won't because it it showing what is cached, so you will need to clear it before Intenet Explorer will show the change. If you make the page a favorite it will show up in the favorites folder.

Share this post


Link to post
Share on other sites

Actually the Netscape and Firefox browsers will show a favicon as well.  And when you first replace a favicon Firefox will add it immediately, whereas Internet Explorer won't because it it showing what is cached, so you will need to clear it before Intenet Explorer will show the change. If you make the page a favorite it will show up in the favorites folder.

<{POST_SNAPBACK}>

there are also a few helpful tutorials regarding favicon creation here http://forums.xisto.com/no_longer_exists/

 

hope this helps :(

Share this post


Link to post
Share on other sites

thats awesome i can really put this to good use... i hate the default icons in my favorites bar... this will come in handy cuz i run a site that im fixing to overhaul and this will be a nice touch to go with the make over :Pone question though, does it matter where you put the code on the webpage?

Share this post


Link to post
Share on other sites

you need to put in in HEAD, anyway most of the browsers will look for the favicon.ico automaticly even if you won't put a link to it, but by default it needs to be in your base directory named favicon.ico, myself I am using gif format for my favourite icons.

Share this post


Link to post
Share on other sites

you need to put in in HEAD, anyway most of the browsers will look for the favicon.ico automaticly even if you won't put a link to it, but by default it needs to be in your base directory named favicon.ico, myself I am using gif format for my favourite icons.

<{POST_SNAPBACK}>


awesome .. thanks for the help.. my html skills are super basic and i usually have to use tutorials to get codes and whatnot.. i usually make sites totally in flash cuz its a lot easier for me... i dont like coding too much lol

Share this post


Link to post
Share on other sites

cool tutorial :) thanks for it... I also heard that when you know the number of people that has requested this favicon.ico file, you can calculate how many people added your site to their favourites. I don't remember exactly how to calculate tho...

Share this post


Link to post
Share on other sites

Just what I was looking for. Thanks man. I'luse this in my website for sure. Keep these great tutorials coming.

Share this post


Link to post
Share on other sites

The posts in this place are a little messy.

As long as you direct the browser to look for the favicon, it can be anywhere. Personally, I put it in the images folder with the rest.

<link rel="shortcut icon" type="image/ico" href="/images/favicon.ico" />

The above is valid XHTML (hence the />) and also provides a fixed address for the icon, but still leaves it relative (/images/favicon.ico). The use of / means root. So, this means you don't need to put http://forums.xisto.com/no_longer_exists/ just to get it to work.

Notice from twitch:
Thanks to Quatrux for info :huh:

Edited by twitch (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.