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")

[smartkidbk5]

Reserved*

[raja811]

thanks

[80's]

Is it necessary? I think you should only change favicon file in forum's froot directory.

[smartkidbk5]

Originally Posted by 80's

Is it necessary? I think you should only change favicon file in forum's froot directory.

That only works for IE, it doesnt work for Firefox.

[Extreme24]

Originally Posted by smartkidbk5

That only works for IE, it doesnt work for Firefox.

Really? It works just fine for me...

Takes a while to update (cache) but it changes just fine for me (I'm on the newest Firefox version.)

[smartkidbk5]

Originally Posted by Extreme24

Really? It works just fine for me...

Takes a while to update (cache) but it changes just fine for me (I'm on the newest Firefox version.)

I even tried removing the code from the template, & it doesnt appear in firefox. also even if it works for your firefox it might not for others.

Also im not sure which way does it, but it also makes it work in Google Chrome and Opera.
Also its better to do both ways just incase, because there are always some people who are on older browser versions...

[Extreme24]

Yeah I guess you're right. No harm I guess in adding it in to make sure it shows up instead of wondering if it is or not.

[Xeyn]

Works on Firefox & Opera for me too.

[MattZ DSLR]

thank you this worked great