Technical-ish Question

[Presty Willow]

For those of you that have Firefox, when you visit certain websites, to the left of the address bar there is an icon that corresponds to the site that you are on. For Forum Promotion, the icon is "FP" in a blue box.

How do I make one of those and apply it to my website?

 

[ℓєσ gнσѕт]

It's termed a 'Fav Icon' and I once wrote up a quick tutorial on adding one.

All major sites have them, even Chat Topia does. Look up at your browser's address bar. What do you see? Hopefully something like this:



How do you get one of these wonderful thingy's? Its a simple meta tag. Add the following line of code to your sites meta tags:

<link rel="shortcut icon" href="http://i35.tinypic.com/2d8qhlg.jpg" type="image/ico">

Of course, you need to change the url of your image, thats Chat Topia's.

An example would be:

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="keywords" content="chat topia, chat, topia, chattopia, chat-topia, ghost, admin, .net, chattopia.net, chattopia.com, sweet, cool, awesome, interent, ad, advertising, phpbb, phpbb3, chatting" />
<meta name="description" content="Chat Topia is a friendly community for chatting about anything and everything. We disscuss everything from Graphics to Web Advertising. Come check us out today!" />
<meta name="robots" content="noarchive">
<link rel="shortcut icon" href="http://i35.tinypic.com/2d8qhlg.jpg" type="image/ico">

Hope it helps -razz-

 

[Presty Willow]

Unfortunately, I'm not very.... html savy. I'll try to do something and if it doesn't work I'll ask for help again. Thanks for the insight, though. =]

 

[Presty Willow]

Awesome. I got it to work.

Unfortunately, it's hard to make one that looks alright....

Any suggestions?

 

[ℓєσ gнσѕт]

The icon should be 16x16 pixels for it to look correctly. I kow it's hard to design that small, so be creative. Most fonts only work as guidlines in this case, with manual edits needed to make it look perfect.