Search code examples
htmlcssxhtmltemplatesrounded-corners

Convert template from "rounded corners" to "square"

I've downloaded the following template:

http://www.styleshout.com/templates/preview/Refresh11/index.html

But unfortunately, it has rounded corners and shades. I want it to have square corners and the shades should be removed, too. It should look like this:

alt text

But I'm not good enough at (X)HTML and CSS so I didn't manage to achieve this.

Could you please help me? How could I remove the rounded corners?

Please don't say "Take another template" ;) It's also for learning purposes :)

Solution

  • The rounded corners and shadow here are accomplished by images, not code:

    If you have control over the file system, you can simply edit these images to have square corners and no shadow.