A drop cap is an effective way to jazz up articles on your website. It'll make your site look a bit more professional. There are several CSS techniques to achieve this, but some are not cross-browser compatible and it doesn't support every font. mfDropCaps replaces every first character of your article or paragraph with a beautiful drop cap by showing an image of the character. This technique is SEO-proof and you can create your own font by changing the images provided by mfDropCaps

mfDropCaps works with jQuery.

• mfDropCaps Download
• mfDropCaps for Joomla! 1.5 Download

Example article

Single mfDropCaps

Multi mfDropCaps

Install for Joomla 1.0.x

1. Log in to your back-end of the site
2. Go to "Installers", "Mambots"
3. Click on "Browse" and navigate to the downloaded ZIP archive
4. Press "Upload File & Install"
5. Go to "Mambots", "Site Mambots"
6. Search for mfDropCaps
7. Publish the mambot

Install for Joomla 1.5

1. Log in to your back-end of the site
2. Go to "Extensions", "Install/Uninstall"
3. Click on "Browse" and navigate to the downloaded ZIP archive
4. Press "Upload File & Install"
5. Go to "Extensions", "Plugin Manager"
6. Search for mfDropCaps
7. Publish the plugin

Download

• mfDropCaps Download
• mfDropCaps for Joomla! 1.5 Download

This plugin is based on the Multiple Fancy Drop Caps and uses a font from Moorstation.

Feel free to give feedback about this mambot/plugin. Enjoy using it!

Interested in this topic? You might enjoy another article I've written called

• Exclusive: Free CMS icon set
• Freebies: "Ancient stones" High resolution textures
• jHTML-Ipsum: HTML Ipsum using a jQuery plugin
• Best of the Best: 2009
• Sweet tabbed navigation using CSS3