Saturday, April 18, 2009

Liquid Rounded Corner Blogger Layout Template

This template is based on Matthew James Taylor's 3 Column Liquid Layout. Three additional divs (one CSS class) have been added to the content columns to provide a fixed margin against the column backgrounds to inset the text/content from the rounded corners.

The rounded corners will only show in browsers that support the CSS3 property border-radius (currently Firefox and Safari), and will gracefully degrade and simply show square corners on all other browsers.

The colors of the column backgrounds are all easily edited from the Fonts and Colors layout settings page.