Datasheet

Applying and Manipulating Umbraco Skins
x
27
colors, and images. In this way a single skin applied to a single starter kit can be unique from every other
Umbraco site with the same starter kit and skin because of the customized text, colors, and images.
When you install a skin, the dependencies defi ned by the skin author can be set using the Umbraco
Skin editor. After a skin has been installed it can be customized.
To customize an installed skin:
1. Navigate to the Settings section, expand the Templates tree, and select the “Starterkit
Master” template.
2. Click the Modify Template Skin button on the right-pane toolbar. The Umbraco Customize
Skin editor launches.
3. You can customize the skin with your own text, colors, and images. Using the Customize
Skin editor you can enter text for text dependencies, choose colors for color dependencies,
and choose and edit images for image dependencies (see Figure 1-26).
FIGURE 1-26
Modifying a Simple Umbraco Skin
If you’re comfortable editing HTML and CSS you can modify a skin further for your own use. At its
most basic, an Umbraco skin contains only CSS to achieve the desired changes to a starter kit site’s
styles. You simply include a reference to the skin’s unique CSS fi le in the starter kit’s MasterPage
c01.indd 27c01.indd 27 4/16/2011 2:34:27 PM4/16/2011 2:34:27 PM