4images Forum & Community

General / Allgemeines => Chit Chat => Topic started by: bibabobu on July 14, 2005, 08:39:29 PM

Title: Bookmark icon
Post by: bibabobu on July 14, 2005, 08:39:29 PM
Hi!

I would like to have my own bookmark icon in the favourite link in internet explorer.
Does anybody know how to do this?

Building my own icon with an appliciation should be no problem.
But how do i insert this to the code if somebody bookmarks my gallery.  :roll:
(for example like the "4" icon in the 4homepages bookmark in IE).

Title: Re: Bookmark icon
Post by: mawenzi on July 14, 2005, 10:08:44 PM
hi bibabobu,

in /templates/<your_template>/header.html insert the following ... adapted ... :

Code: [Select]
<head>
...
<link rel="shortcut icon" href="http://www.your_site/favicon.ico" TYPE="image/x-icon" />
...
</head>

mawenzi
Title: Re: Bookmark icon
Post by: Vincent on July 14, 2005, 11:17:49 PM
mawenzi
tell us how big a icon should be!

vincent
Title: Re: Bookmark icon
Post by: mawenzi on July 14, 2005, 11:59:14 PM
... round about ... 16px x 16px ... try it out ...  :wink:
... it should be a bmp-file ... only renamed as ico-file ...  :!:

mawenzi
Title: Re: Bookmark icon
Post by: V@no on July 15, 2005, 12:33:39 AM
... round about ... 16px x 16px ... try it out ...  :wink:
... it should be a bmp-file ... only renamed as ico-file ...  :!:

mawenzi
really? didnt know that...had to use some crapy .ico editor...
btw, .ico files can contain different sizes/collor depth images, so it would display properly on any display resolutions/color depth.
Title: Re: Bookmark icon
Post by: bibabobu on July 28, 2005, 12:34:14 AM
i have insert an icon .ico file to the template images folder.

also i have added this code to the header.html between the head tags
Code: [Select]
<link rel="shortcut icon" href="http://www.industrie-gravuren.de/galerie/templates/default/images/logo_icon.ico" TYPE="image/x-icon" />
BUT it does not work. It is only the default ie icon shown in the favourite list.
Could you please help me what i am doing wrong???

The icon size is 16x16 pixel with 32bit color depth.

Title: Re: Bookmark icon
Post by: V@no on July 28, 2005, 12:52:39 AM
the two things I've learned when I was working on my icon, are:
1) the icon filename must be favicon.ico
2) the icon file must be located in the root of your domain path: http://example.com/favicon.ico and not in a folder: http://example.com/test/favicon.ico
Title: Re: Bookmark icon
Post by: bibabobu on July 28, 2005, 01:11:09 AM
Thanks V@no,

now it is working. You were right. That was the reason. :D

For me you are the web guru :mrgreen:
Title: Re: Bookmark icon
Post by: mawenzi on July 28, 2005, 01:12:36 AM
really? didnt know that...had to use some crapy .ico editor...
... yes, also without some ico-editor. you can use ms-paint, a-ps or ...  :wink:

mawenzi
Title: Re: Bookmark icon
Post by: RoadDogg on July 28, 2005, 12:34:05 PM
watch my site, there I use such an Icon. It´s shown in adressbar and in favorite list.

The Icon must be in root folder (where gallery´s php-files are) to guarantee compatibility with all browsers. I tested my site with Firefox, Opera and Netscape.

here my code in header.html bevore closing <head>-Tag

Code: [Select]
<link rel="icon" type="image/ico" href="http://yourdomain.com/favicon.ico">
<link rel="shortcut icon" href="http://yourdomain.com/favicon.ico">   

.ico files contain two different sizes: 16*16 and 32*32. AcdeSee for example shows both, when opening the icon.

I used this site to create my icon
http://www.html-kit.com/favicon/

Title: Re: Bookmark icon
Post by: JensF on August 10, 2005, 10:40:53 AM
http://favicon.de/
Title: Re: Bookmark icon
Post by: tdkpaul on August 02, 2006, 08:30:40 PM
you can also use a animated bookmark icon

<link rel="shortcut icon" href="http://www.yourpage/favicon.ico" TYPE="image/x-icon" />
<link rel="icon" href="http://www.yourpage/faviconanim.gif" type="image/gif" >

test on my site
Title: Re: Bookmark icon
Post by: V@no on August 02, 2006, 10:49:47 PM
nice, but unfortunately it doesnt work in IE...:(
Title: Re: Bookmark icon
Post by: yesme on February 18, 2009, 04:38:38 AM
My Icon or Shorcut Icon is not appear as usual. My codes that I'm using inside the <head></head> as below:

Code: [Select]
<meta http-equiv="content-type" content="text/html; charset={charset}" />
<meta name="verify-v1" content="3kFQCK61yqcgKmIWBJiT9+mldcI+DgX9EapyyL5tBr8=" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" href="{template_url}/style.css" />
<link rel="icon" href="favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

What is the problem?

Thank you.
Title: Re: Bookmark icon
Post by: V@no on February 18, 2009, 04:54:05 AM
is favicon.ico file located in the root directory?
also, I believe you need specify full internet path to your icon.
Title: Re: Bookmark icon
Post by: yesme on February 18, 2009, 05:53:37 PM
Viewed from Firefox is okay. The icon is appeared but in IE. Erm...Okay, I re-add back the full address for the icon. Previously has tested but the results still the same. I do not know if this happened because of IE cache, etc..

Thx.