Over at TerraMedia I’ve been quite busy over the past few weeks working on not only a new design for TerraMedia, but a completely new website!

It is now using Drupal instead of Joomla and the theme is valid XHTML 1.0 Strict along with being completely cross browser compatible. Developing it for Firefox, Safari, Opera and Internet Explorer 7 was really a walk in the park. Internet Explorer 6 caused me even more pain then usual due to the random portfolio image in the header that is on an angle.

I probably spent a good 50 hours just on that part of the design, not including the other IE6 fixes.

The reason it took so much work was primarily because I was using a pair of PNG 24’s for the images, one as the background image and one as the changing image. Using the PNG Fix module for Drupal fixed the background image fine, but because the image in the foreground was being called through php, the Javascript used in the PNG Fix module wasn’t picking up that it was a PNG, thus not filtering the transparency correctly.

After much fiddling around and trying to make this work, I ended up just combining the two images rather than having the background image seperate, and calling them randomly through Javascript instead. This is a little bit more tedious and doesn’t run correctly through a block like the PHP, but it does do the job. Unfortunately adding more images to the pool takes a little bit more than just uploading them, but I can live with that for now.

The left sidebar also took a little bit of fiddling around since it uses li:hover’s as well as a:hover’s and IE6 doesn’t render li:hover’s correctly and it renders li’s in general differently to the other browsers. So unfortunately, some of the sidebar functionality is lost but it degrades gracefully and that’s the important thing when degradation comes into play.

What do you think of the new “Web 2.0″ style design and the new website in general?

Popularity: 36% [?]

Related posts

• Howto: The TerraMedia Latest News Block
• Google Chrome - The Conspiracy
• Disabling Form Input
• Where Have I Been?
• TerraMedia Logo Design Idea

Tags: Drupal, Firefox, javascript, Joomla, Opera, PNG, portfolio, TerraMedia, XHTML

This entry was posted on Saturday, July 19th, 2008 at 5:40 pm and is filed under Internet, Work. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.