PDA

View Full Version : Icon in address bar




azula
Feb 1, 2008, 12:15 AM
How to insert a Icon in address bar to a web page?

greetings



zirkle2007
Feb 1, 2008, 12:16 AM
How to insert a Icon in address bar to a web page?

greetings

From http://www.chami.com/Tips/internet/110599I.html

Method 1
This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.

If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.

ChicoWeb
Feb 1, 2008, 01:17 AM
<link rel="shortcut icon" href="/favicon.ico">

Then make an image, 32x32, then save for web, as gif. Change the extension to .ico, use the code above. Done and Done.

Wee Beastie
Feb 1, 2008, 01:52 PM
tight...I've been meaning to ask that question myself. Thanks guys

azula
Feb 1, 2008, 07:14 PM
thx for your help:)

unfortunatly, im not getting any luck whith that, I even tryed whith the Photoshop Plugin Windows Ico but nothing works:confused:

ive tryed method 2...

Method 2
If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".
*
<LINK*REL="SHORTCUT*ICON"
*******HREF="/~your_directory/logo.ico">
*
****NOTE:
Above tag should be inserted in-between the <HEAD> and </HEAD> tags.
*

Did it worked for you Wee Beastie?


tight...I've been meaning to ask that question myself. Thanks guys

angelwatt
Feb 1, 2008, 07:23 PM
thx for your help:)

unfortunatly, im not getting any luck whith that, I even tryed whith the Photoshop Plugin Windows Ico but nothing works:confused:

ive tryed method 2...

Method 2
If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".
*
<LINK*REL="SHORTCUT*ICON"
*******HREF="/~your_directory/logo.ico">
*
****NOTE:
Above tag should be inserted in-between the <HEAD> and </HEAD> tags.
*

Try this. I use to use on one of my sites,
<link rel="icon" href="logo.gif" type="image/x-icon" />
As a note, there may be some server settings that stop you from doing this. If the suggestions you get here don't work ask your host about it.

azula
Feb 1, 2008, 07:35 PM
thx angelwatt

were do you place the tag?
(...)should be inserted in-between the <HEAD> and </HEAD> tags.(...)



Try this. I use to use on one of my sites,
<link rel="icon" href="logo.gif" type="image/x-icon" />
As a note, there may be some server settings that stop you from doing this. If the suggestions you get here don't work ask your host about it.

angelwatt
Feb 1, 2008, 07:38 PM
thx angelwatt

were do you place the tag?
(...)should be inserted in-between the <HEAD> and </HEAD> tags.(...)

Inside the head tag.

azula
Feb 1, 2008, 07:42 PM
im going to try right now...

Inside the head tag.

azula
Feb 1, 2008, 07:54 PM
Inside the head tag.

GREAT Angel :eek:

It worked at first attempt!
none of the other codes worked...

you are an angel

THX A LOT

angelwatt
Feb 1, 2008, 08:03 PM
GREAT Angel :eek:

It worked at first attempt!
none of the other codes worked...

you are an angel

THX A LOT

Glad it worked. I remember it took me some searching to figure it out the first time I tried it myself.

azula
Feb 1, 2008, 08:23 PM
Glad it worked. I remember it took me some searching to figure it out the first time I tried it myself.

It worked perfectly!

I did some search too but clearly not in the right places...
I tryed whith .gif , .bmp , .jpg and a lot of different codes but none worked...

only an angel to give the magic words

ezekielrage_99
Feb 5, 2008, 07:05 PM
<link rel="shortcut icon" href="/favicon.ico">

Then make an image, 32x32, then save for web, as gif. Change the extension to .ico, use the code above. Done and Done.

Also make sure that the gif isn't transparent. I found out that one the hard way...