The sample code below will help you get started creating your own custom templates in Tweak. XHTML and CSS (and maybe some images) are all you'll need to create a Tweak template. No proprietary tags or complex scripting required.
Our semantic templating documentation provides detailed information on creating your own templates. A handy cheat sheet is also available for quick reference. For more sample code check out our complete sample designs available for download, including images and CSS files.
<!doctype html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="index,follow" />
<style type="text/css" media="screen">
@import url(cmscss/mycssfile.css);
</style>
</head>
<body>
<div id="header">
<ul class="navtop">
<li class="first">
<a href="">Main Nav 1</a>
</li>
<li>
<a href="">Main Nav 2</a>
<ul>
<li class="first">
<a href="">Subnav 1</a>
</li>
<li>
<a href="">Subnav 2</a>
</li>
<li class="selected">
<a href="">Subnav 3</a>
</li>
<li class="last">
<a href="">Subnav 4</a>
</li>
</ul>
</li>
<li class="selected">
<a href="">Main Nav 3</a>
</li>
<li class="last">
<a href="">Main Nav 4</a>
</li>
</ul>
</div>
<div id="body">
<h1 id="pagetitle"></h1>
<div id="crumbtrail">
<a class="previous">parent page</a>
<span class="separator"> > </span>
<span class="current">current page</span>
</div>
<div id="content">
</div>
<ul id="navchild">
<li class="first">
<a href="">Subpage 1</a>
</li>
<li>
<a href="">Subpage 2</a>
</li>
<li class="selected">
<a href="">Subpage 3</a>
</li>
<li class="last">
<a href="">Subpage 4</a>
</li>
</ul>
</div>
<div id="footer" class="reusablecontentarea_2">
This is a placeholder for the footer info
that will show on every page. Because the
content area is "reusable" it only has to
be managed/defined once in the CMS but will
show on every page.
</div>
</body>
</html>