Page 3 Transparent PNG - Skins, Themes, and Templates

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

Home All Forums

8/5/2006 8:17 AM

Rodney Joyce

www.pokerdiy.com
Joined: 4/28/2004

Posts: 2796

Re: Transparent PNG

I can't get the PNGFix to work - basically I added this ot the Header element in the Default.aspx (see http://www.pokerDIY.com)

I then add the JS file to the root.

I added some Jscript "Alert" text to the pgnfix.js file in the Images loop, and it is only returning the top 2 files on the page (the Search Go button and the site logo).

I presume it's something to do with rendering and when the script is loading it has not loaded the images on the rest of the page yet. Moving the script into the skin (ie. further down the page) does not work...

Any suggestions please?

Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

8/5/2006 8:24 AM

Rodney Joyce

www.pokerdiy.com
Joined: 4/28/2004

Posts: 2796

Re: Transparent PNG

Actually - sorry - just tried yours Shane from your earlier post - I see it is different from the original pngfix.js as it loads on the OnLoad event.

So it works... roll on IE 7...

Entrepreneur

PokerDIY Tournament Manager - PokerDIY Tournament Manager<
PokerDIY Game Finder - Mobile Apps powered by DNN
PokerDIY - Connecting Poker Players

8/9/2006 1:03 AM

Shane Miller

www.callcenters24x7.com
Joined: 4/2/2005

Posts: 520

Re: Transparent PNG

No problem, Rodney. I'm glad you got it to work!

Shane Miller

8/13/2006 3:36 PM

Sebastien Fichot

www.dnn-fr.org
Joined: 5/17/2006

Posts: 135

Re: Transparent PNG

Hi all!

Here you will found the PNG fixe for IE 5.5 to 7. It allow you to use PNG images with Alpha Blending (gradient transparency with high color level) with IE. 
Firefox will not be affected by the fix.


Using in Html files :

  - Put the pngfix.js to the html page folder,

  - Add this line of code in an html page, in the HEAD section : (il you are creating a Dnn skin, make the Head section)

---------------------------------------code-------------
<head>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="./pngfix.js"></script>
<![endif]-->
</head>
--------------------------------------------------------



Using to an existing DotNetNuke skin (already installed) :

   - Put the pngfix.js in the skin folder,

   - Open the skin.ascx file, and put this line of code in the HEAD section : 

---------------------------------------code-------------
<head>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="<%= SkinPath %>pngfix.js"></script>
<![endif]-->
</head>
--------------------------------------------------------


I've worked a few days on getting it perfectly work, and i'm sure of two things :
- the pngfix is a great hack, but not a real solution.
- the big bug : u can't use <A> with the top of a png image. The link won't work. So, forget PNGs in the lower part of a PNG file.
Forget it for a solpartmenu too. So, as you can see, it's all so limited.

You can see an example of integration under simple HTML here.
You can see the same page without the fix here.

Finally, you can download the PNGFIX.JS file here.




Sebastien

The French Language pack for fr-FR is available at www.dnn-fr.org

1/29/2007 3:03 PM

brian trudeau

www.trudeauconsulting.com
Joined: 8/17/2006

Posts: 71

Re: Transparent PNG

Arrrrg! that last bit - "forget about SolPartMenu" just totally shot me down.

I want to use an alpha-transparent PNG to set the bg color for menus and submenus. I guess that's not an option (?)... Has anyone else found a way to set partial-transparency for DNN menus?

Professional business web site design

Page 3 of 4

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)