Add shadow border to your blog page

If you want to create a subtle 3d shadow border around your blog page…

Try this technique…

First thing I did is made an image in photoshop. Use any graphic program you want. It’s 1050 px wide X 100 px tall. I uploaded it to my server and placed it in the custom/images folder. This is what it looks like. It’s been shrunken down to fit within this blog post….

Shadow.png:

Next, put the image onto the background by placing the following code in the custom.css file and uploading it to your server. You can move the image from left to right with the first % value. Adjust it to create your desired effect.

body.custom {background: url(images/shadow.png) repeat-y scroll 50% 0 ;}

And that’s it!

Tagged as: blog, page, shadows, thesis, thesis hacker, wordpress