Using the rounded corner Super Stylesheet
Super Stylesheets is a new feature in DNN version 5 that offers ways to reuse HTML layouts by maximizing the use of CSS. At the time of this writing there are three super stylesheets available: the Yahoo YUI Library, the DNN layouts stylesheet, and the rounded corners stylesheet.
In this recipe we will demonstrate how to import and use the rounded corners stylesheet to create a graphic box around skin content.
To achieve the box effect, we start with a set of custom images for the box border, then create a set of nested
DIVs in the skin and then use the
dnn-roundedcorners.css file provided by DNN to link the graphic images to the
DIV elements. This is very similar to the recipe Styling a container with ...