Website Help

wilciu · Oct 31, 2005 at 12:19 PM

How do i fit one of these...

Thats circled in orange..

How do i fit one of them on my own website?

Blazeman · Oct 31, 2005 at 12:25 PM

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

MaceyP · Oct 31, 2005 at 12:38 PM

Hey Mate - i know you just Message me On Msn....

i have created many websites in past and coding. and made this document for those who want to know

Mozilla, and probably also the new versions of Netscape (which are based on Mozilla), also have the ability to use the favicon.ico file, except that Mozilla also accepts the file in other graphics formats, such as the PNG format. It displays the "favicon.ico" in the location bar of the browser (the part that shows your website's URL). The latest version of Opera also loads the favicon.ico file into the address bar if available.
Software Requirements

If you have an Windows icon editor (which you may already have if you have purchased a programming language development system for Windows), you're all set.

All is not lost, however, if you do not have the above. Simply pop over to thefreecountry.com's Free Resource Editors and Icon Editors page at http://www.thefreecountry.com/programming/...ceeditors.shtml and get yourself one. That page lists a few free icon editors and resource editors. Just choose any of the icon editors that strikes your fancy and download it. Alternatively, you can also download one of the other packages that contain a resource editor. Resource editors are tools that programmers use to create and edit Windows "resources" like icons, cursors (ie, mouse pointers), menus, dialog boxes, etc. For our purpose here, you will only need to use the icon editor portion of such resource editors.
How to Create a "Favicon.ico" File

1.

Create an image 16X16 pixels in size. Yes, it is really small and you can't really draw much in it. You should also restrict yourself to the standard Windows 16 colours, although I suspect that 256 colours will work fine.

If you like, you can also create a 322 pixel icon, which will be scaled to size for the Favorites menu and the location bar. You can even put both 16X16 and 322 pixel icons into the same icon file. Windows will use the former for its menus and the latter when the user opens up a folder that is set to display large icons. It's probably not really necessary to do this if you can't be bothered.
2.

Save the image as an ICO file (named "favicon.ico", of course).
3.

Upload it to your website. You don't need to upload one to every directory of your site if you don't want to waste space - simply put it in your root directory and IE will apparently locate it eventually. You can also upload it into your images directory, but you will need to modify your web pages if you do. See later in this article for more information on this.

Help! My Web Host Doesn't Allow ICO Files!

If your hosting company does not allow files with the .ICO extension to be uploaded, you might try to work around it by uploading it (in binary mode) with some other extension (like GIF). Once it's on your site, rename it using your FTP program to the correct extension.
Helping the Browser Locate the favicon.ico file

If you have placed your favicon.ico file in a location other than the current web directory (relative to your web page) or the root directory, you have to help your visitors' browser locate the favicon file by specifying it with a tag like the following in the <head> section of your web page.
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

You should replace "/favicon.ico" in the above example with the actual location of your favicon.ico file, for example, "/images/favicon.ico" if you have placed it in your "/images/" directory.

This step is optional if you have put your "favicon.ico" file in the standard locations, ie, in the same directory as the web page or in the root directory of your website. Otherwise you will need to modify all your existing web pages to take advantage of the "favicon.ico" facility.

Click to expand...

xDeMastAx · Oct 31, 2005 at 1:25 PM

Nice, very good tutorial on how to do it up above might try and make a website myself soon.

Regards

ShotokanTiger · Oct 31, 2005 at 2:22 PM

thanks! i didint know that as well!

XxLostXx · Oct 31, 2005 at 2:49 PM

Meh it's easy and if anyone is stuck on doing it, just give me a shout and i'll happily be willing to do it for free.

Log in or Sign up

Website Help

wilciu Well-Known Member

Blazeman Am I Evil?

MaceyP New Member

xDeMastAx Well-Known Member

ShotokanTiger Well-Known Member

XxLostXx Well-Known Member

Share This Page

Log in or Sign up

Website Help

wilciu Well-Known Member

Blazeman Am I Evil?

MaceyP New Member

xDeMastAx Well-Known Member

ShotokanTiger Well-Known Member

XxLostXx Well-Known Member

Share This Page

Useful Searches