PDA

View Full Version : URL logo

ramli
08-27-2002, 11:39 AM
Hey evrebody

if notised that in some sites the normal internet icon bevore the url can be chanced as on this site (http://hotwired.lycos.com/webmonkey/) , however i dont know hou the do it i dont even no in wat script the do it does sombody know how the do it???????

pleace dont mind my bad english
lacrypta
08-27-2002, 11:48 AM
============================================================
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 and Later (ignored by other browsers)

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...

============================================================
brothercake
08-27-2002, 03:16 PM
Further to that ... it must be 16x16 and 16 colors

It also works in Mozilla and Konqueror, in fact in these browsers it's much more robust - you don't have to bookmark the page for it to appear, and it always works, as opposed to IE5 where it usually works
duniyadnd
08-27-2002, 07:32 PM
everything is pretty much covered here, you can get the info at

Favicon (http://www.favicon.com) as well.

Duniyadnd
shlagish
05-17-2004, 02:13 AM
Could I create a .ico file with paint?
gsnedders
05-20-2004, 08:35 PM
Could I create a .ico file with paint?

Dunno if you can, but save it as a .gif and just change the name to .ico, and as for 16 colours, it works at 256 colours, like it is here (the shade of green isn't one of the 16 defaults).
shlagish
05-21-2004, 03:37 AM
I tried it and it works :)
Tails
05-22-2004, 06:45 AM
This is a pretty hot implementation, but I've always wondered "Is this Standard?" Values for the rel attribute don't seem to be any fixed legal values (such as the type and value attributes). So is this an implementation that "gets by" the W3 validation by correct syntax alone? All I know is this little goodie was introduced first in IE5 and it's probably another Microsoft proprietary anti-standard. So why does Mozilla support this? Mozilla has better support for this than IE ever has.
gsnedders
05-22-2004, 12:00 PM
There are many versions of the code, although I normally go for this one, as it has good cross-browser compatibility and is valid XHTML 1.1 Strict:
<link rel="shortcut icon" href="http://geoffers.uni.cc/favicon.ico" />
bradyj
05-23-2004, 04:34 AM
There are many versions of the code, although I normally go for this one, as it has good cross-browser compatibility and is valid XHTML 1.1 Strict:
<link rel="shortcut icon" href="http://geoffers.uni.cc/favicon.ico" />

I agree -- putting the actual http seems to make it link more appropriately, I've had issues with a just plain old 'favico.ico' or a relative position 'images/favico.ico'.

As for the other statements, Mozilla has better support, so does safari, and omniweb (opera pretty good, yes) -- I don't know if it's a standard code, but I don't know if it will ever be. Essentially, it's a link to a graphic, nothing more, rather odd -- the browsers just wanted to impliment it... but it would be good to find out.

Why IE put support in for this so fast, when it doesn't support PNG transparency, I'll never know (this is my current gripe) :confused:
shlagish
05-29-2004, 04:42 PM
Well, when I try it, it doesn't work.
I made an image named favicon.ico and placed it in the root folder.
In my head section:

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

I also tryed it with the full path, nothing does it.
What's wrong?
bradyj
05-29-2004, 08:06 PM
It takes a few times to take -- I've never understood exactly why. Use the path just as you have listed, reload it a few times every now and then, and wait a few days... it'll work. Post a link if you can and I'll check for it.

As a side note, I find it only works when it's finally up on a web server. Testing it locally usually doesn't fly for me :thumbsup:

that's what it took for my dotfive site.
gsnedders
05-29-2004, 11:10 PM
I had problems here when George changed it here, just took a couple of days, but, I would remove the site from your Bookmarks, Empty Cache and Clear History, then it should work...