zengun

I go long lengths without designing anything, and then one day I get a little inspiration. I hope you like what I came up with.

The sidebar is originally a navigation bar from a Webmonkey tutorial (thanks go to Mister Sgurz 2002 for showing this nav bar in one of his projects), and it fails in Opera because Opera is severely Javascript-impaired.
The photo on the top is from DeviantArt, it’s a stock photo from skilled Paul-Henri S.

The title ‘tidakada’ is a transparent PNG, that works perfectly in Mozilla-based browsers, Opera 6, IE5 Mac, and any browser than handles alpha transparency.
To make it work in IE 5.5+, there’s a trick I cam up with, that involves DirectX and IE’s filter: CSS attributes:

<div class=”headertitle” style=”filter:progid: DXImageTransform.Microsoft.AlphaImageLoader( src=’stock-header4-title.png’ ); z-index:3″>

<img src=’stock-header4-title.png’ alt=’tidak ada’ style=”filter:Alpha(opacity=0)” />

</div>

(note: had to put a space between progid: and DXImageTransform, remove it if you want to use the code)
The bold code is what Windows IE5.5+ uses, that is ignored by other browsers. So what does it do ? It makes you fill the div background with the alpha-transparent PNG thanks to a DirectX filter, and doesn’t display the IMG tag because it’s set to opacity=0.
You may find that trick useful if you want to use alpha-transparent PNG images in Windows IE, but it’s a bit ugly and cumbersome as a hack. At least it does the job that MS developers forgot to do…

The playlist is powered by BlogAmp, and the blog is (of course) powered by b2.
And that’s pretty much all there is to say about it, I had much fun setting everything up.