Joomla Bites!Joomla Bites!


Here are a few uncategorized bite-sized hints and hacks to help you manage your Joomla site.


CSS Slideshow

Create a simple image slideshow with only CSS trickery (no javascript required).

Turning Magic Quotes Off

Joomla 3 requires you to turn Magic Quotes "Off" in order to be installed. But how do you do that? And what are they anyway?

Shadow Below

Add a subtle shadow effect below images with CSS.

Specifc Browser

Despite all your careful template coding sometimes a particular browser doesn't play safe with a particular extension.

Joomla Bug Removal

How to quickly and safely solve your Joomla bugs - even when you can't find the original source files.

update your copyright date

Automatically update your copyright date to avoid a mad panic in the new year.

CSS Submerge Effect

An animated effect for headings. The h1 tag slowly submerges on page load, while the paragraph text fades in. Super stylish with a background-image.

Google Map

It's easy to embed a Google Map using the HD-Anycode module but as an iframe based service Google Maps are not responsive.

jQuery Hover Effect

A simple but very versatile jQuery hover effect using the HD-Anycode module. As demonstrated by the Right Honourable Sir Winston Churchill.

The Loadposition Command

The "loadposition" command is an incredibly useful way to apply modules to a specific position within an article.

Browser Sniffer

Under the advanced parameters section of the HD-Custom CSS module is a "Browser Sniffer" function. But what does it do?

Removing ID number

How to remove the article number from search engine friendly Joomla 2.5 sites.


How to change the meta-generator tag to hide the fact that your website is a Joomla one.

Ken Burns CSS Effect

Add a Ken Burns hover effect to images with simple CSS.

Auto Heights

Use jQuery to make two separate auto-height columns exactly the same height.

Add your own module position

How to add your own module position to any Joomla template.

Sometimes you may want to style articles depending on which category they belong to. Here's how to load a category specific CSS file...

Ghostly jQuery effect

Use the AnyCode module to add a smooth jQuery "fade-in" effect to your article.

Url Sniffer

Under the advanced parameters section of the HD-Anycode module is a "URL Sniffer" function. But what does it do?