Icon in Address Bar and Favorites

liunx

Guest
I'd like to know how to get those fancy little icons when your page is added to a favorite list. I think I've seen it in address bars, too, like for Yahoo!. Any ideas?<br />
<br />
Ben<!--content-->they are called Favicons. you can read about it here<br />
<br />
<!-- m --><a class="postlink" href="http://www.favicon.com/">http://www.favicon.com/</a><!-- m --><!--content-->here's a few tips from somebody who just made one:<br />
<br />
Make it in photoshop or paint shop pro or something first. Make sure the image is a square. Don't add anything to fancy. Make the size of the favicon 16x16.<br />
<br />
hope this helps.<!--content-->If you don't want to use the favicon.com stuff (which I didn't) you can find plenty of icon creation programs (shareware and freeware) for Download <!--more--> at places like Tucows (<!-- m --><a class="postlink" href="http://www.tucows.com">http://www.tucows.com</a><!-- m -->). Then just make an icon that is 16x16, name it favicon.ico, and upload it into the root directory of your site.<!--content-->there's quite a few Download <!--more-->able favicon programs. It doesn't matter which you choose if you make it in photoshop first.<!--content-->photoshop is waaaaay overkill. that is like getting a firetruck to put out a match. :P<br />
<br />
the best icon software there is is<br />
<!-- m --><a class="postlink" href="http://www.microangelo.us/">http://www.microangelo.us/</a><!-- m --><!--content-->well the only reason I said to make in photoshop is because the icon software(well at least the ones i've Download <!--more-->ed) require you to actually draw your icon. Where in photoshop you can type up letters and what not.<!--content-->no everybody can afford photoshop. and not everybody wants text. that link is awesome as it lets you type anything you want. it is not hard to fill in a 16x16 pixel square. :)<!--content-->Adding an icon when page is bookmarked<br />
<br />
Whenever anyone bookmarks your site, an icon will subsequently show up on their Favorites list. When your site is visited, the icon will also show in the URL box of the browser. Browsers: IE5 and Later (ignored by other browsers) <br />
<br />
Method One<br />
<br />
Select any standard Windows icon file. The .ico file *must*<br />
be in standard Windows icon file format, or it will be<br />
ignored.<br />
<br />
Rename the icon file *exactly* to: favicon.ico -- all<br />
lowercase. No deviation from this is allowed.<br />
<br />
Place the favicon.ico file in the 'root' directory on your<br />
web server (where your main index page is). <br />
<br />
Whenever your site is bookmarked, the icon will subsequently show up on the visitor's Favorites list. When they visit your site, the icon will also show in the URL window of the browser.<br />
<br />
That's all there is to it -- it's automatically picked up by<br />
IE5 and later browsers. <br />
<br />
<br />
Method Two<br />
<br />
Insert the following LINK tag in the <head>...</head> of<br />
your pages.<br />
<br />
<LINK REL="SHORTCUT ICON" HREF=http://www.htmlforums.com/archive/index.php/"http://www.mydomain.com/myicon.ico"><br />
<br />
Change the path and icon filename to correspond to the<br />
location of the icon file on your site. The icon graphic<br />
filename should be lowercase, no more than eight characters, and the extension must be .ico.<br />
<br />
As above, the file *must* be in standard Windows icon file<br />
format or it will be ignored.<br />
<br />
When you use this method as opposed to Method One above, the LINK REL code should appear on any page that might be<br />
bookmarked.<br />
<br />
Don't forget to confirm that the icon file is actually where you say it is in the LINK REL path!<br />
<br />
More Information - Creating Icons<br />
<br />
The following is an exact quote from Microsoft?<br />
<br />
"For Internet Explorer 5, the required size of a shortcut<br />
icon is 16x16 pixels. To create the icon, use an icon<br />
editor, such as the one included in Microsoft?Visual<br />
Studio?or one of the many other icon editors available.<br />
Regardless of the program you use, make sure you set the<br />
editor to create an icon that is 16x16 pixels. Otherwise,<br />
the icon will be ignored by Internet Explorer."<!--content-->Could I create an icon in Photoshop, save it as .gif or something, and then just rename it to a .ico?<br />
Or do I have open it in an icon editor after creating it in Photoshop? (I already have an icon, I纾
 
Back
Top