What is the PNGfix?

If you have ever opened a webpage with a transparent PNG in Internet Explorer 6, you will see an obvious problem. The images do not appear transparent but adopt a light blue background, which is unsightly to say the least. This is the purpose of the PNGfix, to allow transparent PNG images to work correctly in the web browser Internet Explorer 6. A common way around this is to use a range of different Joomla! extensions which can be applied to your site. However, this is already built in to new RocketTheme templates (the fix already provides other solutions to various other IE6 issues). The author of this new PNGfix is Drew Diller.

[readon url=”http://www.dillerdesign.com/experiment/DD_belatedPNG/”]Learn More[/readon]

Below is a list of all the Rocket Theme Templates which have the PNGfix described above, incorporated into it. Also, all new templates releases will contain this as it has become an recurrent feature.

  1. SolarSentinel
  2. Mynxx
  3. Meridian
  4. Akiraka
  5. Mixxmag

How do I use the PNGfix?

To apply the PNGfix to a particular image, all you need to do is add a class, png. We have an example of image HTML code below:-

<img src="image.png" alt="Image" />

Now add class=”png” to the code such as:-

<img src="image.png" alt="Image" class="png" />

[span class=alert]Uninstall all other PNGfixes before using the template version, that includes plugins you may have installed into Joomla as they will conflict with the template fix[/span]

How to remove the PNGfix

If you wish to remove the PNGfix from the template, you have to remove the file and remove the reference from the rt_head_includes.php file. The file is called DD_belatedPNG.js and is located in the /templates/rt_solarsentinel_j15/js directory. You would then remove the following from the rt_head_includes.php file:-

<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/js/DD_belatedPNG.js"></script>