Ein erstes und schnell verständliches Beispiel ist das mitgelieferte Template "eric". Hier werden die Inhalte in einer index.html lediglich platziert und über die CSS Datei denn entsprechend formatiert.
Hier wird nur kurz der Code der index.hmtl des Templates gezeigt, im 2F CMS selber steh dann die CSS Datei zur Verfügung. Das Beispiell soll nur als Schnelleinstieg dienen
Beispiel: index.html des Templates "eric"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!--Beispiel aus Eric Meyer: More Eric Meyer on CSS
ich habe mich extra für ein reines anspruchsvolles CSS-Beispiel entschieden //-->
<html>
<head>
<title>[var::seitentitel]</title>
[buffer::meta]
<link rel="stylesheet" href="templates/eric/base.css" type="text/css" media="screen">
[buffer::javascript]
</head>
<body>
<div id="sitemast">
<h1><a href="[var::nukeurl]"><span>[var::sitename]</span></a></h1>
</div>
<div id="content">
<div class="skipper">Skip to: <a href="#navpres">site navigation/presentation</a></div>
<div id="weblog">
[blocks::messagebox]
[blocks::errormessage]
[buffer::ausgabe]
</div>
</div>
<div class="panel" id="navpres">
[blocks::artikel]
[blocks::admin]
[blocks::left]
[blocks::right]
</div>
<div id="footer">
<p>[var::foot1]</p>
<p>[var::foot2]</p>
<p>[blocks::debug]</p>
</div>
</body>
</html>