NZ Web Hosting - Articles about website development

Drupal Embedded Gallery 2 and Caching

Gallery 2 embedded in Drupal can make a good combination. When you combine two of the best open source software packages together you end up with a versatile gallery/CMS combination.

As your site grows you may however experience some issues with server load and start to look at caching to reduce server load. Both Gallery 2 and Drupal can be configured from their respective admin interfaces to achieve this.

Opacity without Scripting


First of all a quick explanation. Opacity can be described as the opposite of transparency. What I mean by this is, you can think of 20% opacity being the same as 80% transparency. An unaltered image has an opacity of 1.0 or is fully opaque.

An opacity hover effect can have a nice visual impact for your images. It is also an alternative than the traditional method of having 2 different images and having to use image pre-load techniques.

The below CSS3 method works in current versions of IE, Firefox and Opera. There is only a single image used each time (reduces page load times) and minimal HTML and CSS required to achieve the result. I have also added some padding and a background color for effect.

Theming Specific Content Types Within Drupal


Sometimes it is easy to overlook the obvious and search for a far more complex answer than is necessary. Different types of content(nodes) within your Drupal design may call for a different layout. With Drupal 5 it is extremely easy to create new content types and apply a new template for each content type.

The creation of new content types is now a core function within Drupal from Administer > Content Types > Add Content type - the "Type" field is the machine readable name for your new content type. Additional field types including image, text, email and URL can be easily added by installing and activating the Content CCK module.

Displaying Drupal Mission on Every Page


Sometimes it may be desirable to display the mission on every page of your Drupal powered website rather than just the front page. With your PHP powered theme this is extremely easy to achieve.

Find the section in your themes page.tpl.php file that has the following code (or similar):

Pre Loading Images with CSS


In order to get a smooth rollover effect with your images you need some way of having them available and ready to be used. You don't want your visitors to hover over an image and wait for something to happen. It needs to be almost instant.

Traditionally this has been done using javascript. But, with some people choosing to disable javascript for security reasons you need to consider other options to assure accessibility. So, the only real choice is to use CSS to pre-load your images to your web browser and have them available when you need them.

Syndicate content