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 ...

Get DotNetNuke 5.4 Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.