ive noticed lots of sites when i use opera have a little icon to the left of the address bar: and i saw this frog when i was uploading the first 2 They look quite cool and since i dont know what they use (php or html etc)to get there im asking here if anyone knows how to get them?.(another reason is that most of the forums are hiding under a complicated sub-folder sort of thing) Thanks in advance

Reply

It's called favicon.. You need to have a program in which you can make files with .ico extension...
You need to make the icon, its size is 16x16
save it as favicon.ico and upload to your web directory.
then add <LINK REL="SHORTCUT ICON" HREF="favicon.ico"> in the head tag and the favicon should appear..

Reply

thanks for the fast reply. do you know what program to use to make the .ico files or even better an online one where you upload and convert?
thanks

Reply

krap,
Ckeck out the tut over at trap17's sistersite. "Astahost.com". Theres a good tutorial there. I think "Homer" is the author( or one of the posters- can't remember which). NilsC turned me on to it Just search for "Favicon" when you get there.
Hope this helps
RGPHNX

Reply

All you have to do is open photoshop, fireworks or another image editor, and make what you want to appear there in a small size (I Think itīs 16x16 or 32x32 pixels. Donīt know if both of them are correct, but I have one of 16x16 in my website and it works). You have to save that as a .bmp file and then rename it to .ico

Normally you pick your logo and resize it to smaller one, but you have to make sure that your logo will be crearly visible with that small size. If not, youīd better try with another thing that is representative of the site.

The favicon appears in Mozilla and Netscape-based browsers and Opera, but also in explorer when you bookmark a page.

Reply

The small image next to the address is called a favicon.

You don't have to download a program or anything to convert your images to a favicon. You can use an online tool by html-kit at http://html-kit.org. All you have to do is look for an image from your hard drive, and press Generate FavIcon.ico. Then, you can download the generate .ico file in a zip, and use it in your website!

Here's the website of the online tool that I was referring to ^: http://www.html-kit.com/e/favicon.cgi.

Also, to put the favicon in your browser, insert the following HTML code between the tags:


katif mentioned , but I added a third argument: the type. Also, putting two in your webpage will increase your chances of the favicon showing in older browsers.

 

 

 

Reply

Thanks guys i did it i think the reputation will go to Sprnknwn as he told me how to make it using paint.. which i found useful

If ya want to see my icon Click Here

Reply

Here, this should help everyone: Favicon from Pictures L8R GUYS!!

Reply

That is a good site! I always go there when I want to make a favicon. They will automatically create the favicon for you, and then they give you the code to add to your website as well!

Reply

Well you know what? I have always been wondering about that. I always thought it was pretty cool but never knew how they got there. I was going to ask but I guess I forgot. I might try to make one over Thanksgiving Break. It would be pretty cool.

Reply