Transparent Png Files in Ie5 and Ie6 Using Drupal

Glory Download - Transparent Png Files in Ie5 and Ie6 Using Drupal

Good morning. Today, I discovered Glory Download - Transparent Png Files in Ie5 and Ie6 Using Drupal. Which could be very helpful in my experience and also you. Transparent Png Files in Ie5 and Ie6 Using Drupal

Ok, you're here to get your png images transparent in Drupal 5.x and Drupal 6.x so lets begin.

What I said. It isn't the conclusion that the real about Glory Download. You look at this article for information on an individual want to know is Glory Download.

Glory Download

You will need a incorporate things first, Drupal 5 or 6 of course, the Png Fix for Drupal 5 or for Drupal 6, and some Html knowledge. If you don't have much Html or Css knowledge you can try to wade straight through this report and probably do ok. If you feel this might be something you will need help on, then feel free to leave your comments at the lowest of this page. I will do my best to help you out. I'm guessing most habitancy who are reading this report at least know basic Hmtl and know just adequate Css to be considered dangerous. Read on.

First download the Png Fix module (I have (attached it to the lowest of this report for easy access) and place it in your Drupal modules portfolio (yoursite.com/modules/), go to your admin's module page and enable the module.

Next head over to /Site Configuration/Png Fix and you should be greeted with the following.

In the "Css Classes" text box put ".pngfix" don't forget to add the duration to the beginning! Check out the example below for proper a entry. Then click Save.

Here comes the technical part. We will be placing a tag nearby whatever Png image we want the transparency to show straight through on. For example, the very logo of this site is using a transparent image, but adequate showing off, lets get Your Png's transparent! Ftp to your site's theme portfolio if you do not have direct way to your files, for whatever theme you are using find it's page.tpl.php and open it up with your beloved text editor. I have made the actual image code bold for you to see better. (This will more then likely not reflect what you see in your page.tpl.php file, bare with me!).

For rhis site, the logo code within the page.tpl.php looks like the following.

The above code shows how my logo is being displayed at the top of this page and doesn't have Png Fix currently installed yet. Next we will add our tag which allows the Png to be transparent in Ie5.5 and Ie6, but first a puny about the Div tag.

Using Div tags is beneficial for formatting whatever content is within the Div tag, it can hold formats completely dissimilar then what is on the outside of the Div tag, there's fullness of website that explains Div tags in added information just Google "div tag".

With our image currently divless, lets go ahead and add the

There is an chance Div tag " and a closing Div tag Place the chance Div tag directly before the Png image you want to have transparency fixed and place the closing Div tag directly after the image code.

In a simpler form without Drupal code it would look like this.

Without our Png Fix:

With out Png Fix:

We plainly wrapped our Png with the Png Div tag.

With your Div tags in place you and your visitors should be experiencing transparent Png files in all of its glory! A celebration is in order!

If you have followed the instructions, viewed the downloadable example and are Still here needing help, then please leave a annotation below and I will do my very best to help you out with problems relating to Png Fix! Have a nice day!

I hope you will get new knowledge about Glory Download. Where you'll be able to put to use within your daily life. And most of all, your reaction is passed about Glory Download.