FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Url image

 


IceCameron
Now i've asked around but nobody answers so im going to try here.
How the hell do you get an image in the website url? fx. here we have the blue F infront of http://www.frihost.....
Traveller
That is called a "favicon" - in other words, and icon for your favourites. The image is not actually IN the URL, but is a 16x16 image, in .ico format, saved as "favicon.ico" and placed in your public_html directory. You may also help it along by placing:

Code:
<link rel="shortcut icon" href="http://www.[b]YOURDOMAIN[b].com/favicon.ico" />


somewhere between the HEAD and /HEAD tags of your pages.

In the Marketplace, here, I've notices a few people offering to develop favicons for people. In addition, just about any 16x16 icon that you can find on the web (e.g. using Google) would be usable as a favicon.

BTW, in addition to showing up in the browser's URL box, the favicon also appears in the listing of bookmarks or favourites.
IceCameron
thanks mate
brad31337
It doesnt have to be a .ico you can use a .gif and possibly other image formats. If you use a .gif it still has to be 16x16
Scorpio
You cant use any other format

Only .ico is allowed and the size can be 16x16 or 32x32
mathiaus
scorpio wrote:
You cant use any other format

Only .ico is allowed and the size can be 16x16 or 32x32

GIF's can be used as demonstrated by Frihost!
http://www.frihost.com/images/favicon.gif
Ranfaroth
Yes, you can use whatever image format that is recognized by the browser, but then don't forget to precise it in the link element
<link rel="shortcut icon" type="image/png" .... />
Tex_Arcana
I went to http://www.chami.com/html-kit/services/favicon/ where they will turn any image into a favicon for you (the simpler the image the better it turns out okay?). They give you a zipped file with 16x16, 32x32, a transparent background icon and an animated icon (it only rolls up about 4 times then stops). I use the animated icon on my site the code they provide to put in the header for that is:

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

      <link rel="icon" href="animated_favicon1.gif" type="image/gif" >


You can check your favicon also at http://www.htmlkit.com/go/favicon/validator/ once you get it up. Of course if you just clear your cache and then go to your page you should be able to see it work anyway.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.