Back to vBulletin 3.8 Template Modifications

Have a Forum Favicon
Mod Version: 1.00, by smartkidbk5

vB Version: 3.8.x Rating: (6 votes - 4.83 average) Installs: 51
Released: 21 Jun 2009 Last Update: Never Downloads: 327
Not Supported Template Edits Code Changes  

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

Download

File Type: %1$s ICOFormat-mac-CS3-CS4.zip (220.1 KB, 90 downloads)
File Type: %1$s ICOFormat-mac-PS3-CS.zip (20.1 KB, 37 downloads)
File Type: %1$s ICOFormat-win-32bit.zip (25.1 KB, 198 downloads)
File Type: %1$s ICOFormat-win-64bit-CS4.zip (139.8 KB, 106 downloads)

Screenshots

Click image for larger version
Name:	faviconchrome.jpg
Views:	541
Size:	35.3 KB
ID:	100834   Click image for larger version
Name:	faviconfirefox.jpg
Views:	496
Size:	61.9 KB
ID:	100835   Click image for larger version
Name:	faviconie.jpg
Views:	467
Size:	31.1 KB
ID:	100836   Click image for larger version
Name:	faviconopera.jpg
Views:	393
Size:	39.5 KB
ID:	100837  

Similar Mods

Custom favicon per forum vBulletin 3.6 Template Modifications

vblts.ru supports vBulletin®, 2022-2024