04 Oct Transparent WordPress Semiomantics XO
The first step is to create a grunge background :
This background is 1680 x 1250 pixels big and has a weight of 130 kb only.
Step 2: make your backgrounds transparent and set opacity to 70 %.
Add some fancy fonts for h1 and h2 using the Fontburner plugin.
Background Opacity and Hover Function
It is not easy to read content on colored backgrounds, therefore we add a hover function to show white backgrounds on left content and sidebar.
Save load by Scrolling over the Background
Header Transparency and Site Title
To get the header effect I have loaded a transparent header png with no content and added a top margin to adjust the position of the content.
The blog title is painted on the background with position top left to allow display on any monitor irrespective of resolution and size.
Your creativity is the limit. You could create an overlay look by adding a black background with 80% opacity:
Try and enjoy!