Icon with URL in Browser

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   I've noticed that a lot of websites now have little icons showing with their URL in the browser.  Even this forum shows a smal EI up there.  I would love to have a small logo up there for my store.  I don't think it is very complicated at all, and bet other users would like that too.  Has anyone an idea how to implement this?  Please share your code.
Thanks,
Katharina

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
katharina Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 25-October-2005 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote katharina Report Post Thanks(0) Quote Reply Topic: Icon with URL in Browser Posted: 09-March-2008 at 4:26pm
	I've noticed that a lot of websites now have little icons showing with their URL in the browser. Even this forum shows a smal EI up there. I would love to have a small logo up there for my store. I don't think it is very complicated at all, and bet other users would like that too. Has anyone an idea how to implement this? Please share your code. Thanks, Katharina

Greg Dinger Members Profile Send Private Message Find Members Posts Add to Buddy List Certified ProductCart Developers Joined: 23-September-2006 Location: United States Status: Offline Points: 238	Post Options Post Reply Quote Greg Dinger Report Post Thanks(0) Quote Reply Posted: 09-March-2008 at 4:53pm
	Katharina, That's called a Favicon. As an example, one we created was for http://www.starmarinedepot.com/ There are lots of articles and related tools available: http://www.google.com/search?sourceid=navclient&ie=UTF-8 &rlz=1T4GGIH_enUS258US258&q=favicon+

katharina Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 25-October-2005 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote katharina Report Post Thanks(0) Quote Reply Posted: 09-March-2008 at 5:01pm
	Yes, I did find that out among the 16x16 pixcels. Below is what I found. Now does anyone have an idea where to get a good free icon editor? I will only need it for one time basically. Otherwise I use Paint Shop Pro 7 (I know not the newest), but it does not have the .ico extension. Katharina ============================================================ Script: Adding An Icon With Your URL - Two Methods Functions: 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+, NS6+, later FireFox, Opera versions, etc. Author: etLux - after Microsoft ============================================================ =========== Method One =========== Select any standard Windows icon file. The .ico file must be in standard Windows icon file format, or it will be ignored. Rename the icon file exactly to: favicon.ico -- all lowercase. No deviation from this is allowed. Place the favicon.ico file in the 'root' directory on your web server (where your main index page is). 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. That's all there is to it -- it's automatically picked up by IE5 and later browsers. =========== Method Two =========== Insert the following LINK tag in the <head>...</head> of your pages. <LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico"> Change the path and icon filename to correspond to the location of the icon file on your site. The icon graphic filename should be lowercase, no more than eight characters, and the extension must be .ico. As above, the file must be in standard Windows icon file format or it will be ignored. When you use this method as opposed to Method One above, the LINK REL code should appear on any page that might be bookmarked. Don't forget to confirm that the icon file is actually where you say it is in the LINK REL path! ================================== More Information - Creating Icons ================================== The following is an exact quote from Microsoft�: "For Internet Explorer 5, the required size of a shortcut icon is 16x16 pixels. To create the icon, use an icon editor, such as the one included in Microsoft� Visual Studio� or one of the many other icon editors available. Regardless of the program you use, make sure you set the editor to create an icon that is 16x16 pixels. Otherwise, the icon will be ignored by Internet Explorer." ================ Troubleshooting ================ We've noticed occasionally quirky behavior with this IE5 feature on several systems. In many cases the icon will not appear on your machine until after you perform the following steps: - close all programs but the browser - navigate to a neutral site, off your own url - remove any and all bookmarks (favorites) to your site that you may currently have - clear the History and the Cache of the browser - reboot, clear the Recycle Bin - reboot again, bookmark your site - reboot [sigh] again...

netprofits Members Profile Send Private Message Find Members Posts Add to Buddy List Certified ProductCart Developers Joined: 05-January-2006 Location: United States Status: Offline Points: 22	Post Options Post Reply Quote netprofits Report Post Thanks(0) Quote Reply Posted: 09-March-2008 at 5:04pm
	Checkout this link which explains favicons and has links to resource pages including free icon editors: http://www.thesitewizard.com/archive/favicon.shtml
	NetProfits Internet Consulting Certified ProductCart Developer Our Site

katharina Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 25-October-2005 Location: United States Status: Offline Points: 0	Post Options Post Reply Quote katharina Report Post Thanks(0) Quote Reply Posted: 09-March-2008 at 5:30pm
	Thanks for all the help. You guys rock. Katharina