IDNet's favicon

Started by zappaDPJ, Sep 07, 2010, 06:27:45

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

zappaDPJ

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?
zap
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

Rik

A lot of places are doing it now, Zap, but I confess I don't know how. :(
Rik
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

zappaDPJ

I can't get a hint of it on Google either.
zap
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

Rik

We have the favicon, so it may just be a case of adding some text to the graphic.
Rik
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

zappaDPJ

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.

zap
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

Rik

Rik
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

DorsetBoy

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

kinmel

#7
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
Alan  ‹(•¿•)›

What is the date of the referendum for England to become an independent country ?

Rik

Rik
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

Lance

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:

<LINK REL="SHORTCUT ICON" HREF="http://www.yourdomain.com/favicon.ico">
Lance
_____

This post reflects my own views, opinions and experience, not those of IDNet.

Lance

Whoops, misread the question - I thought it was how to create a favicon!
Lance
_____

This post reflects my own views, opinions and experience, not those of IDNet.

Rik

Rik
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.

zappaDPJ

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

This post reflects my own views, opinions and experience, not those of IDNet.

kinmel

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.
Alan  ‹(•¿•)›

What is the date of the referendum for England to become an independent country ?

zappaDPJ

That does seem to be the case, https only.
zap
--------------------

This post reflects my own views, opinions and experience, not those of IDNet.