a web site HTML Q?

2007-01-04 01:23:44

#1

Nikola Bathory: Karkand T-90 0wnage; +163|7211|Bulgaria

Maybe this forum is not the place for this, but...
I'll try to explain what I wanna know:
in IE6 when you add a site to your favourites and in the new IE7 when you open sites, right before the actual url a small custom icon appers, and most sites have a cool custom icon... a logo.
So, how do I put such a thing in a website? what html code? any ideas?!

>>>BF3 Central<<<

2007-01-04 02:22:01

#2

mafia996630: © 2009 Jeff Minard; +319|7189|d

It happens in firefox as well, bf2s has one. I don't knw how to do it.

BTW Totally the wrong forum.

2007-01-04 02:26:14

#3

Sk: stat padding is for girls; +41|6814

favicon

create yourself a 16x16 icon file (yes.. 16x16 - not 32x32 as it wont work).

call it "favicon.ico" and upload it to your web someplace.
then, for each page on your site you'd like to show the icon, add the following

Code:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

(obviously replacing "/favicon.ico" with the actual path to your favicon.ico file on your webserver)

and hey presto

(dont forget to clear your cache for existing pages tho )

Last edited by Sk (2007-01-04 02:28:41)

2007-01-04 02:33:23

#4

Sk: stat padding is for girls; +41|6814

oh... and IE (bar IE7 now I believe) ONLY shows the icon if it truely IS an icon (ie, a true ICO file).
Firefox and Opera and the like will show any valid image file, as long as it's 16x16,32x32,64x64 or 128x128 in size.

IE7 will show .ico, .gif and .png and at the large resolutions show above

2007-01-04 02:50:19

#5

Nikola Bathory: Karkand T-90 0wnage; +163|7211|Bulgaria

Thanks a lot Sk
And how do I convert a gif or jpg into an ICO file? I have Photoshop CS2, can it do this job? And you say only 16x16? or 32x32 too will work?

>>>BF3 Central<<<

2007-01-04 02:50:55

#6

Bernadictus: Moderator; +1,055|7162

Nikola Bathory wrote:
Maybe this forum is not the place for this, but...
I'll try to explain what I wanna know:
in IE6 when you add a site to your favourites and in the new IE7 when you open sites, right before the actual url a small custom icon appers, and most sites have a cool custom icon... a logo.
So, how do I put such a thing in a website? what html code? any ideas?!

Add an 16x16 image/icon to your _root folder, next to your index.html.

Code:

<head>
<title>De titel van de pagina.</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>

And you need an icon converter/maker to make it work. Google for it.

2007-01-04 02:53:46

#7

Sk: stat padding is for girls; +41|6814

if you've already got an image file, use this site:

http://www.chami.com/html-kit/services/favicon/

and it'll generate you an ico file

(and why do people find it nessicary to repeat exactly what you've said above, but not cover all the detail needed? grrr)

Last edited by Sk (2007-01-04 03:08:01)

2007-01-04 03:02:28

#8

Nikola Bathory: Karkand T-90 0wnage; +163|7211|Bulgaria

Thanks to both of you, when I get back at my PC at home later today I'll update my site with a cool icon
I'll try with different images, 'cause they must be clear and visible at 16x16 resolution.

>>>BF3 Central<<<

2007-01-04 03:08:17

#9

Sk: stat padding is for girls; +41|6814

my pleasure - good luck

2007-01-04 03:45:30

#10

Cheez: Herman is a warmaphrodite; +1,027|6864|King Of The Islands

Even though its all been wrapped up, I'll just tack this on,

ICO (Windows Icon) Format (for Photoshop)

Put the .8bi into

C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats

My state was founded by Batman. Your opinion is invalid.

2007-01-04 03:52:40

#11

Sk: stat padding is for girls; +41|6814

Cheez wrote:
Even though its all been wrapped up, I'll just tack this on,

ICO (Windows Icon) Format (for Photoshop)

Put the .8bi into

C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats

nice... didn't know that existed for free!

2007-01-05 00:22:50

#12

Nikola Bathory: Karkand T-90 0wnage; +163|7211|Bulgaria

So... I made it, it's working fine (thanks for the Photoshop plug in!).

>>>BF3 Central<<<

BF2S Forums a web site HTML Q?

Code:

Nikola Bathory wrote:

Code:

Cheez wrote:

Board footer