Text only | Text with Images

IDNetters Forums

Technical News & Discussion => Windows News & Discussion => Topic started by: zappaDPJ on Sep 07, 2010, 06:27:45

Title: IDNet's favicon
Post by: zappaDPJ on Sep 07, 2010, 06:27:45
IDNet's site has a background image sitting behind the favicon and the words idnet.net in the address bar before the URL. It's rather splendid and I was wondering if anyone knows how it's done?
Title: Re: IDNet's favicon
Post by: Rik on Sep 07, 2010, 06:34:12
A lot of places are doing it now, Zap, but I confess I don't know how. :(
Title: Re: IDNet's favicon
Post by: zappaDPJ on Sep 07, 2010, 06:43:48
I can't get a hint of it on Google either.
Title: Re: IDNet's favicon
Post by: Rik on Sep 07, 2010, 06:44:45
We have the favicon, so it may just be a case of adding some text to the graphic.
Title: Re: IDNet's favicon
Post by: zappaDPJ on Sep 07, 2010, 07:00:53
The icon which appears as normal in the favourites list is sitting on a background graphic in addition to the extra text. Viewing the page source doesn't seem to give away any clues unless I've missed something, just the standard <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> . I'm guessing it's probably done in Javascript.

Title: Re: IDNet's favicon
Post by: Rik on Sep 07, 2010, 07:02:26
Lance may know...
Title: Re: IDNet's favicon
Post by: DorsetBoy on Sep 07, 2010, 07:20:49
Hmm, it's not present in Opera browser, works in Firefox. Also if you hovver your mouse pointer on the favicon it pops up "Verified By: Godaddy.com,Inc."

Ooh, have you tried clicking the favican Zap? It opens an information box which gets rather interesting when you open it all up.
Title: Re: IDNet's favicon
Post by: kinmel on Sep 07, 2010, 11:22:02
It is part of the security features in Firefox.

When connected to an https:// URL, Firefox collects the Site name from the Security Certificate and displays it next to the Favicon.

If the Certificate is OK then that text is green, else the actual URL text turns green
Title: Re: IDNet's favicon
Post by: Rik on Sep 07, 2010, 11:22:50
Thanks, Alan.  :thumb:
Title: Re: IDNet's favicon
Post by: Lance on Sep 07, 2010, 11:51:08
I think there are (at least) two ways to do the favicon. First method, which I don't think works for all browsers is simply to place the favicon.ico file in the root directory of your site. Second option is to insert the following code between the head tags on the index page:

Code Select
<LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/favicon.ico">
Title: Re: IDNet's favicon
Post by: Lance on Sep 07, 2010, 11:52:18
Whoops, misread the question - I thought it was how to create a favicon!
Title: Re: IDNet's favicon
Post by: Rik on Sep 07, 2010, 11:57:19
Close. ;D
Title: Re: IDNet's favicon
Post by: zappaDPJ on Sep 07, 2010, 16:16:54
Quote from: DorsetBoy on Sep 07, 2010, 07:20:49
Ooh, have you tried clicking the favican Zap? It opens an information box which gets rather interesting when you open it all up.

Yeah, the 'Have I visited this site before today?' stat is a bit of shocker on some of my sites  ;D

Thanks for everyone's input on this, I'm still investigating how it has been done on IDNet's main site.
Title: Re: IDNet's favicon
Post by: kinmel on Sep 07, 2010, 16:51:52
Quote from: zappaDPJ on Sep 07, 2010, 16:16:54
Thanks for everyone's input on this, I'm still investigating how it has been done on IDNet's main site.

Is it appearing for you on normal http: links ?

Only https: sites show the text for me.
Title: Re: IDNet's favicon
Post by: zappaDPJ on Sep 07, 2010, 16:54:58
That does seem to be the case, https only.
Text only | Text with Images