-
☆ A M B ☆
- 24,524 Posts
A variation of the Foggy Autumn template. The photo used was taken in Switzerland last winter.
Very cool!!! (Pun intended!). I love the pine cones.
-sD-
-
☆ A M B ☆
- 24,524 Posts
The original "Autumn" template actually had the leaves part of the section background, half in the top background and half in the bottom. I used an empty <div> element with the transparent .png as its background and positioned it absolutely (relative to the top banner section). with a z-index of 100. This way it’s easy to move it or change the images to change the theme. I found that when I gave the image the high z-index I had to give my drop-down li ul an even higher z-index!
How do you manage PNG transparency with visitors using IE? I tried pngfix.js with relatively little success. I would love to know what other options there are because I am a big fan of extra <div>’s and alpha transparency. In fact my last XHTML 1.1 template has at least 4 extra empty divs in them. This is because rather than make a new template each time I want to change my site, I just make a new style sheet, then add it to the {{meta}} chunk placed in the head of my HTML, then i use a style switcher script to change the default css from a UL of links to css files.
-sD-
-
☆ A M B ☆
- 24,524 Posts
I have no idea how the png is working with IE users; I’ve got the slight.js file that comes with MODx, but you can use a transparent .gif if you prefer. Or just set up the site with the png on a real browser and get a screenshot of it, then ’shop the two parts like the original did.
-
☆ A M B ☆
- 24,524 Posts
Thank you! He’s got a function that you can call on an individual image basis, which is very useful. I had to remove the slight.js file, since I use .png images, although not transparent, and they all were getting converted and there was a little broken image icon and the alternate text superimposed over each one! This way, you use the onload function for any transparent png files, and leave the rest of them alone. I think. I’ll have to try it out.
Outstanding Zi!!! you saved the day again!
-sD-
