Joomla Bites!Joomla Bites!

 

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

 

Ken Burns CSS Effect

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

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

MetaGenerator

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

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.

update your copyright date

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

The Loadposition Command

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

Removing ID number

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

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.

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?

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.

Auto Heights

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

Joomla Bug Removal

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

CSS Slideshow

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

Url Sniffer

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

Add your own module position

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

Shadow Below

Add a subtle shadow effect below images with CSS.

Ghostly jQuery effect

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

Specifc Browser

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

Browser Sniffer

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