Google, Yahoo and most of the other big boys use multiple favicons for different sections of their services. This functionality has now been delivered to Joomla!
The interesting thing about favicons, is that when you drag a favorite from Internet Explorer onto your desktop, Windows creates the icon from the favicon file associated with the bookmark. When your only favicon image is a 16x16, the resulting desktop shortcut is U-G-L-Y!
Using this component, you can assign different color depths and sizes so the resulting shortcut icon will be appropriately sized and use the correct color depth so it looks as good on the desktop as it does in the browser address bar.
Create your favicons by importing other favicon files, and whatever image formats your PHP installation supports (PNG, GIF, JPG, and sometimes BMP or XCF! It depends on your server.) This extension does preserve transparency in image types that support it, but does not resize, resample, scale or crop images, so you must import images in the appropriate size and color depth.
This component/plugin package can be used in one of two ways.
- Using only the component, you can author your favicon and publish it to your template. When published to the template, your existing favicon can be backed up and edited with the component.
- Using the component and plugin combination, you can author many favicons and assign them to individual menu items. The plugin allows child items to inherit the favicon of their parent menu items, all the way to the menu root. If a favicon assignment isn't found in the parent items, the configured default icon is used.
When you're happy with your Favicon (menu or template assignments), you can disable the component to un-clutter your admin backend menus. All menu assignments are stored in the plugin configuration, so the plugin runs lightning fast!
This extension makes use of the floIcon class by Joshua Hatfield - http://www.flobi.com
- Download Favicon from the RicheyWeb download page.
- This page will remain unlinked, as the link may change in the future. Visit http://www.richeyweb.com and use the search feature - search for "Favicon".
- In Joomla /administrator, go to the "Extensions" menu, the "Manage" sub-menu, and the "Install" sub-menu.
- Select the "Upload Package File" tab
- Press the "Choose File" button to browse your system and locate the plugin file you downloaded
- Press the "Upload & Install" button
At this point, the plugin is installed but not enabled. When viewing the component, you will be prompted to enable the plugin for more features. You can find the plugin by going to the Extensions menu and selecting "Plugins". When in the plugin manager, search for "Favicon".
Begin by using the Favicon component to create one or more favicon files by uploading the appropriately sized images ( 128x128, 48x48, 32x32, 24x24, and 16x16). When saved, a favicon file is created in the components media folder. It's filename will be it's ID number + .ico. Create as many as you like, you'll be able to use them in the plugin configuration.
If you upload an invalid image size, the component will display them outside of the grid and label them as being invalid.
If you plan on using more than one favicon on your site, you'll need to enable the Favicon plugin.
Once enabled, it is possible to assign favicons to specific menu items. Depending on the depth of your menus and your current location, the favicon plugin will work its way backwards through the menu until it finds a favicon to display.