Datasheet

28
x
CHAPTER 1 INSTALLING FOR THE FIRST TIME
template. Don’t worry about the terminology yet; this is just an example and all terms you see now
are explained fully a bit later in this book. Using this simple example, you can include the following
line in the starter kit’s MasterPage template so that any styles defi ned in the referenced CSS fi le will
automatically apply to the starter kit site:
<link ref=”stylesheet” type=”text/css” src=”/css/new_skin.css”></link>
When you modify a skin, you may need to add additional elements to a starter kit’s MasterPage tem-
plate in order to apply the desired layout control. To do this, the skin alters the starter kit’s default
MasterPage template, in this case by adding a single
<div> element.
The default Runway starter kit MasterPage template contains this markup:
<asp:contentplaceholder id=”cp_top” runat=”server”>
<div id=”top”>
<h1 id=”siteName”>
<a href=”/”>
<umbraco:Item runat=”server”
field=”siteName”
recursive=”true” />
</a>
</h1>
<h2 id=”siteDescription”>
<umbraco:Item runat=”server”
field=”siteDescription”
recursive=”true” />
</h2>
<umbraco:Macro Alias=”RunwayTopNavigation” runat=”server” />
</div>
</asp:contentplaceholder>
A skin might add a <div> element, the <div id=”menu” class=”container”>, to apply a particu-
lar style to the starter kit’s navigation sections, as follows:
<asp:contentplaceholder id=”cp_top” runat=”server”>
<div id=”top”>
<h1 id=”siteName”>
<a href=”/”>
<umbraco:Item runat=”server”
field=”siteName”
recursive=”true” />
</a>
</h1>
<h2 id=”siteDescription”>
<umbraco:Item runat=”server”
field=”siteDescription”
recursive=”true” />
</h2>
c01.indd 28c01.indd 28 4/16/2011 2:34:28 PM4/16/2011 2:34:28 PM