Images im title bar
Posted: Tue Jun 20, 2006 12:40 am
I see a lil logo in most title bars now on big websites, this one included. Right to the left of the http...
Anyone know how to do this?
Anyone know how to do this?
A community of PHP developers offering assistance, advice, discussion, and friendship.
http://forums.devnetwork.net/
Code: Select all
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="http://www.4boredom.com/myicon.ico">
<title>4boredom.com</title>
</head>For optimal browser support, the following rules should be obeyed:
* Include both of these element types (for reasons explained below under Standardization):
<link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" />
* The link elements must be inside the head element (between <head> and </head>) in the HTML.
* For XHTML, the link element must be empty (terminated by /> )
* The href can, but need not, point to the location /favicon.ico. It could equally well point anywhere else on your site that is convenient.
* The image can usually be in any image format supported by the web browser, the major exception is IE, which only supports ICO although it appears IE7 may support alternative formats.
* The .ico file format will be read correctly by most browsers.
* Configure the webserver to send the correct MIME identifier:
o ICO files image/x-icon (the IANA-registered MIME type of image/vnd.microsoft.icon is not recognized by major browsers)
o GIF files image/gif
o PNG files image/png
* Use the appropriate resolution and colordepth.
o ICO: include multiple resolutions (most commonly used being 16×16 and 32×32, with 64×64 and 128×128 sometimes used by Mac OS X) and bit-depths (most common being 4, 8, 24 bpp - i.e. 16, 256 and 16 million colours) in the file.
o GIF: use 16×16 in 256 colors.
o PNG: use 16×16 in either 256 colors or 24-bit.
Note: A file called favicon.ico and located in the document root directory will also be found by some browsers which do not process the link elements, even if it is not linked from anywhere on your site.
Code: Select all
<html>
<head>
<link rel="icon" href="http://www.4boredom.com/myicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.4boredom.com/myicon.ico" type="image/x-icon" />
<title>4boredom.com</title>
</head>Code: Select all
<head>
<link rel="icon" href="http://www.4boredom.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.4boredom.com/favicon.ico" type="image/x-icon" />
<title>4boredom.com</title>
</head>Code: Select all