Miscellaneous Hacks - Have a Forum Favicon

This hack is very simple. And creates a forum favicon on your site. A favicon is the small image that appears next to your site title in your browser's tabs.

To create a favicon:
First you need to create an image that is 16x16. It must be saved as "favicon.ico" You must save it as an ICO file, you cannot save it as another file type & just change it to a ".ico"

To Save an Image as an ICO file:
For Adobe Photoshop: Download the Plugin (Attached) & Move it to (In your Adobe Photoshop Folder)- Plug-Ins>File Formats
Now you need to create an image that is 16x16. Also remember, if you want your image to be transparent, make sure you delete the background layer. Once you are done creating your image, Click "File>Save As". Now you will see the option to save it as an ICO file, make sure you save it as an ICO file. Then save the file as "favicon.ico".

For GIMP (To Download GIMP, go to: http://www.gimp.org):
Create a 16x16 Image. If you want your image to be transparent: Click Layer>New Layer, then delete the background layer. Once you are done creating the image, click "File>Save As". Click the "+" that is next to "Select File Type (By Extension)", a dropdown will appear. Scroll down to "Microsoft Windows icon". Then save the file as "favicon.ico".

Now to put it on your forum:
First, upload the "favicon.ico" file into your directory. (You may upload it to any place you wish in your directory)
For Firefox:
In your AdminCP, go to: Styles & Templates>Style Manager
Select the style, and click the dropdown and go to: Edit Templates
Find the template named "headinclude" and click on it
At the very top of the template insert this text:

PHP Code:

<link rel="icon" href="http://yoursite.com/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://yoursite.com/images/favicon.ico" type="image/x-icon" /> 


Insert the link to where you previously uploaded your "favicon.ico" file instead of both of the: "http://yoursite.com/images/favicon.ico"

For IE:
Upload the "favicon.ico" file to the root of your directory.
(Ex. If your site domain is "http://exngaming.com", then upload it right into that directory,
so the link would be "http://exngaming.com/favicon.ico")

[armthehomeless1]

I've just got a favicon.ico in my domain root and it works for me in all browsers. It just doesn't appear straight away - takes a day or so to refresh.

[knucklenitz]

I made the custom icon and added to my forum root. It hasn't 'refreshed' yet but I also don't recall seeing the 'V' there either. Is there some other setting in IE or VB that needs to change?

I have visited others sites that say they have the icon and all that I see is the 'e' in front of a page for internet explorer. I tried Firefox and it does show up. Strange.

Thanks!

[R1lover]

There isn't any reason for a mod for this... all you do (as mentioned above) is place a favicon.ico file in your root directory. This works for IE, Opera, FF, and just about every browser.

If it's not working for you them clear your browser cache and try it again.

[R1lover]

Originally Posted by knucklenitz

I made the custom icon and added to my forum root. It hasn't 'refreshed' yet but I also don't recall seeing the 'V' there either. Is there some other setting in IE or VB that needs to change?

I have visited others sites that say they have the icon and all that I see is the 'e' in front of a page for internet explorer. I tried Firefox and it does show up. Strange.

Thanks!

What version of IE are you running?

The latest versions of IE work as well with just the favicon file in the root directory, both on the address bar and the tabs as well.

[ry215]

This is not a Modification.

and have a tut for favicon:
https://vborg.vbsupport.ru/showthread.php?t=131191

[Slugger00001]

Theres no reason for this mod.. just replace the current favicon..

[apiasto]

was looking for this but its only working on FF not on ie. i did tried just by changing favicon in root directory before but it didn't work.it worked after adding code in temp

[mabersoft]

Thanks for this.

PS: Every 1 make sure the file is a .ico or it will not work. (I think)

[knucklenitz]

IE 6.0 SP2 for me.

Like others have said, it works in FF but not IE. Strange.

[yamahapaul]

Originally Posted by R1lover

There isn't any reason for a mod for this... all you do (as mentioned above) is place a favicon.ico file in your root directory. This works for IE, Opera, FF, and just about every browser.

If it's not working for you them clear your browser cache and try it again.

Can anyone tell me where to add it on this pic please

Attachment 103296