FRIHOSTFORUMSSEARCHFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Favicon Tutorial

 


WickedGravity
Well, since it was asked for I thought I would help a bit.

A Favicon is a multi-resolution image included on nearly all professional websites out there today and is just a way for people to remember your site by having that visual reminder in their address bar.

To make them is rather easy if you go about it the way I do.

Choose an image you want to have made into a favicon and go to FavIcons From Pics and follow the easy to follow steps and they will actually create one for you.

That is not all however, the part alot of people forget is that they have to put code in the page to allow the browser to see that there is a favicon.ico file in that directory.

So, in <HEAD> section of your webpage, just add the following code:

Code:

<link rel="shortcut icon" href="favicon.ico" >


Voilia!

If you have something a tad more secure, like https:// you can add it by adding this code to your browser:

Code:

<LINK REL="SHORTCUT ICON" HREF="https://www.mydomain.com/myicon.ico">


There you have it, please post any questions here.
davmcmul
wow! that was just what I was looking for, now I don't need to worry about getting my image to be the right size etc, now I just need to find one.....

It's a lot simpler than I thought, I think I'll start playing with different images until I find one that looks good in that size, thanks!

edit:

Ok so I've uploaded my favicon and it is chowing up in the address bar but not on the tab and it goes away if i switch to another tab and come back Sad Is this just to do with firefox or is there something I can do about it?

Thanks!
WickedGravity
It is a cache thing in Firefox, I don't know exactly how it works, but I will see if I can find out what you need and get back to you as soon as I can.

Any other questions or concerns, please just put them here and I will get to them as soon as possible.
davmcmul
Very Happy It works now! Very Happy

I think I just needed to be patient, although I have to wonder why it took time for it to find its way onto the tab....

oh well, I'm happy.
Related topics

favicon
Creating a Favicon For Your Site
How to create a favicon
Icons in address bar
How To Install A Favicon !!! a little Tutorial..

FDisk Tutorial
.htaccess tutorial
Tutorials
The worlds shortest and laziest Mambo tutorial.
Perl Tutorial links

Tutorial website
C++ TUTORIAL : INTRODUCTION TO C++
Beginners HTML Tutorial link
Complete Tutorial LINKS for every language
350 x 20 User Bar + Tutorial
Reply to topic    Frihost Forum Index -> Miscellaneous -> Tutorials

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.