MysterioX
Senior Member
- Joined
- Apr 23, 2004
- Messages
- 248
- Reaction score
- 1,226
This is more for Webmasters and Forum Administrators.
Pointless but it's another way of giving more customization to your site/forum.
-------------------------------------------------------------------------------------------
1. Create the image you would like to use to go in the adress bar, make sure it is square, 500px by 500px for instance.
2. When you've finished the design resize it all the way down to 16 x 16 pixels and save it as either a .bmp or .gif file.
3. Now you have the bmp or gif you need to convert it to a .ico file, to do this download a program called IconShop from here http://fileforum.betanews.com/detail/IconShop/960710316/1 or this site converts your file straight to an .ico, http://www.chami.com/html-kit/services/favicon/
4. Ok now you should save the image as favicon.ico ,make sure that is the filename.......good that's almost it.
5. Now depending on what you're using it for the technique may differ.
Firstly if youre using it on a general website, not a forum, there are 2 methods.
- 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.
- 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.
6. Lastly to put into a PHPBB forum simply follow method 2 but put it into the templates/style/overall_header.tpl file and save it.
DONE!
Pointless but it's another way of giving more customization to your site/forum.
-------------------------------------------------------------------------------------------
1. Create the image you would like to use to go in the adress bar, make sure it is square, 500px by 500px for instance.
2. When you've finished the design resize it all the way down to 16 x 16 pixels and save it as either a .bmp or .gif file.
3. Now you have the bmp or gif you need to convert it to a .ico file, to do this download a program called IconShop from here http://fileforum.betanews.com/detail/IconShop/960710316/1 or this site converts your file straight to an .ico, http://www.chami.com/html-kit/services/favicon/
4. Ok now you should save the image as favicon.ico ,make sure that is the filename.......good that's almost it.
5. Now depending on what you're using it for the technique may differ.
Firstly if youre using it on a general website, not a forum, there are 2 methods.
- 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.
- 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.
6. Lastly to put into a PHPBB forum simply follow method 2 but put it into the templates/style/overall_header.tpl file and save it.
DONE!