Ever since I last reworked the Westciv site I've received a constant stream of emails asking how I achieve the transparency effect on the logo in the top left corner. I lost track long ago of how many people I promised a tutorial on the subject. Well, here it is. The added bonus for waiting so long is that here you won't just learn how I create the visual effect as the page scrolls. I've also written about how I made the background image into a link to the home page which will always be there no matter how far someone scrolls down the page.
Nice tutorial as always;)
Finally a new tutorial from westciv after a long time, that is great.
Now i hope you will update tutorials and articles on the site more frequently, 'cause you really rock people.
I'm also waiting (like many others as i see in many comments) for new courses on php, javascript and maybe gimp and other similar arguments.
Thank you.
Posted by: Skyblaze | September 06, 2005 at 01:49 PM
Great tutorial! I've often come across instances where I've wanted to link to the homepage from a logo as a background graphic, and this has shown me how to do it, thanks!
Posted by: Rob Lewis | September 13, 2005 at 08:39 PM
I have a concern, using FireFox 1.0.6, I don't see the image on the blue background. Do you why this is?
Posted by: Chas | September 15, 2005 at 07:39 AM
Was wondering how you did that. Thanks for posting the how to tutorial.
Posted by: Ashley Bowers | November 23, 2005 at 07:53 PM
This is very cool. In Firefox. But the fixed background in the header doesn't work in my IE(6)? I've downloaded the page and css, and tried it myself. Can't keep a fixed background steady in IE.
Posted by: Tim B | January 11, 2006 at 02:57 AM
I like this watermark effect. For sites where you might expect someone to print from the webpage, this is an effective watermarking, they will always have your logo in the screenshot.
Posted by: Trevor Ffrench | January 27, 2006 at 04:30 AM
wicked sick !
I always wondered about the efect. I was very close when i guessed it's a background image overlay, but never thought it's so well done.
And now I found the tutorial I'm really beginning to love it :)
good job
P.S. hope that IE7 has correct CSS support .. so ppl won't need to do silly workarounds
thanx again
Posted by: reseto | March 02, 2006 at 08:33 AM
As one of those admiring and asking about this effect I want to say thanks for the great tutorial. Very subtle and very cool. Really wish Microsoft could get it's act together to support web standards!
Please don't wait too long for more tutorials and articles. You folks really do great stuff.
Thanks!
Posted by: DSL | March 30, 2006 at 03:52 PM