site.master

The head contains the title, scripts, style sheet links, a custom usercontrol for the site meta data and a little jQuery for the suckerfish menu and google code prettify.

The body contains the tableless div layout with ContentPlaceHolders for search, main content and footer with custom usercontrols for the primary navigation and breadcrumb.

 

site.master

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="site.master.cs" Inherits="App_Master_site" %>
<%@ Register TagName="primarynav" TagPrefix="site" Src="~/Custom/userControls/primarynavigation.ascx"%>
<%@ Register TagName="footer" TagPrefix="site" Src="~/Custom/UserControls/footer.ascx"%>
<%@ Register TagName="mpath" TagPrefix="site" Src="~/Custom/UserControls/path.ascx"%>
<%@ Register TagName="meta" TagPrefix="site" Src="~/Custom/UserControls/meta.ascx" %>
<%
%><!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head runat="server" >
<title>Untitled Page</title> <site:meta ID="meta" runat="server" /> <script type="text/javascript" src="/js/prettify.js"></script>
<script type="text/javascript" src="/js/lang-sql.js"></script>
<script type="text/javascript" src="/js/lang-vb.js"></script>
<script type="text/javascript" src="/js/lang-css.js"></script>
<script type="text/javascript" src="/App_Master/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="/App_Master/js/hoverIntent.js"></script>
<script type="text/javascript" src="/App_Master/js/superfish.js"></script>
<script type="text/javascript" src="/App_Master/js/supersubs.js" ></script>
<script type="text/javascript">
jQuery(document).ready(function () { // "Sitefinity Community Edition" injects "p.poweredBySitefinityLogo"
// remove all style and move this into footer div id="bg"
jQuery('p.poweredBySitefinityLogo').addClass('sflogo');
jQuery('p.sflogo').removeClass('poweredBySitefinityLogo');
jQuery('p.sflogo').removeAttr('style');
jQuery('#bg').prepend(jQuery('p.sflogo')); // google-code-prettify
// built in are lang-htm, lang-html, lang-cs, lang-js, lang-xhtml, lang-xml, lang-xsl
// external files for lang-css, lang-sql and lang-vb
jQuery('code').addClass("prettyprint");
jQuery('pre').addClass("prettyprint");
prettyPrint(); // suckerfish menu animation
jQuery('ul.sf-menu').supersubs({
minWidth: 12,
maxWidth: 40,
extraWidth: 2
}).superfish({
delay: 1000,
animation: { opacity: 'show', height: 'show' },
speed: 'fast',
autoArrows: true,
dropShadows: true
});
});
</script>

<link rel="shortcut icon" type="image/x-icon" href="/images/cmfavicon.ico"/> <link rel="stylesheet" type="text/css" href="/App_Master/css/superfish.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/css/workinprogress.css" />
<link rel="stylesheet" type="text/css" href="/css/prettify.css" />
<link rel="Stylesheet" type="text/css" href="/css/print.css" media="print" /> </head> <body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" /> <!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">
<!-- #header: holds the logo and top links -->
<div id="header" class="width">
<asp:ContentPlaceHolder ID="sbox" runat="server" />
<site:primarynav id="siteprimarynav" runat="server" />
</div>
<!-- #header end --> <!-- #headerImg: holds the main header image or flash -->
<div id="headerImg" class="width">
<span id="banner">
<img src="/images/cmconcreteshoes.png" width="128px" height="128px" alt="Chris Mills - Content Management logo"/></span>
</div> <!-- #menu: the main large box site menu -->
<div id="crumb" class="width">
<site:mpath ID="crumbcontrol" runat="server" CssClass="breadcrumb" ShowRootNode="False" />
</div>
<!-- #menu end --> <!-- #page: holds the page content -->
<div id="page">
<!-- #columns: holds the columns of the page -->
<div id="columns" class="widthPad">
<asp:ContentPlaceHolder id="MainContent" runat="server"/>
</div>
<!-- #columns end -->
</div>
<!-- #page end --> <!-- #footer: holds the site footer (logo and links) -->
<div id="footer">
<asp:ContentPlaceHolder ID="Footer" runat="server" />
</div>
<!-- #footer end --> </div>
<!-- #content end --> </form>
</body> </html>

Created: Monday 24th May 2010 9:42 AM
Last Modified: Sunday 11th July 2010 6:33 PM LinkedIn link: View Chris Mills' profile on LinkedIn
Valid XHTML 1.0! Valid CSS! Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0