<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Your description goes here" />
<meta name="keywords" content="your,keywords,goes,here" />
<meta name="author" content="Your Name" />
<base href="[(site_url)]"></base>
<link rel="stylesheet" type="text/css" href="assets/templates/andreas00/andreas00.css" media="screen,projection" />
<title>[*pagetitle*] - A free website template by Andreas Viklund</title>
[*hideSidebar*]
</head>
<body>
<div id="wrap">
<div id="header">
</div>
<div id="leftside">
[[Wayfinder? &startId=`0` &level=`0` &displayStart=`1` &outerClass=`avmenu` &startItemTpl=`startItem` &outerTpl=`outer` &selfClass=`current` &rowTpl=`row` ]]
<div class="announce">
<h2>Sample news:</h2>
<p><em>Replace this sample content with a Ditto call</em></p>
<p><strong>Apr 24, 2008:</strong><br />
Updated to v2.2 minor fixes and adjustments.</p>
<p>This template includes a lot of additional styles and layout variations in the stylesheet. To see these, use the navigation menu to view the different pages and layout examples.</p>
<p class="textright"><a href="#">Sample link »</a></p>
</div>
</div>
<div id="extras">
<h2>Additional info</h2>
<p><em>Replace these sidebar blocks with chunks</em></p>
<p>If you want to support the development of more free templates, it is possible to make a <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=paypal%40andreasviklund%2ecom&item_name=Donations%20for%20andreasviklund%2ecom&item_number=2007&no_shipping=0&cn=Comments%20%28optional%29&tax=0¤cy_code=USD&lc=SE&bn=PP%2dDonationsBF&charset=UTF%2d8">donation</a> of any amount through PayPal. All donations are used to develop new templates and to keep the template site online. Top donors will get their name and link listed on the site (if wanted). Advertising options are also available. Contact me for more information!</p>
<h2>Sample links:</h2>
<ul>
<li><a href="http://andreasviklund.com/templates/">Free website templates</a></li>
<li><a href="http://andreasviklund.com/templates/commercial/">Commercial templates</a></li>
<li><a href="http://andreasviklund.com/wordpress-themes/">WordPress themes</a></li>
</ul>
<h2>Sample search:</h2>
[!AjaxSearch? &ajaxSearch=`0` &tplLayout=`asTpl`!]
</form>
<h2>Version:</h2>
<p>andreas00 v2.2<br />
(Apr 24, 2008)</p>
</div>
<div id="content">
<h1>[*longtitle*]</h1>
<div id="breadcrumbs"> [[Breadcrumbs]]
</div>
[*content*]
<div id="breadcrumbs"> [[Breadcrumbs]]
</div>
</div>
<div id="footer">
{{footer}}
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12491423-3");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas00/
*/
/* Main layout and header */
body {background:url(img/bgbody.jpg) no-repeat; background-position:top center; font:76% Geneva,Helvetica,Arial,sans-serif; line-height:1.4em; margin:0 auto; padding:0;}
#wrap {color:#303030; margin:0 auto; padding:1px 5px; width:960px;}
#header {height:100px; margin:0 0 10px; padding:0;}
#header h1 {font-size:2.5em; font-weight:400; letter-spacing:-2px; margin:0 0 15px 15px; padding:20px 0 0; text-shadow: 1px 1px 1px #999;}
#header h1 a,#header h1 a:hover {font-weight:400; padding:0;}
#header p {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}
/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding:0; width:200px;}
#leftside ul.avmenu {list-style:none; margin:10px; padding:0; width:200px;}
#leftside ul.avmenu li {display:inline; padding:0; width:200px;}
#leftside ul.avmenu li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px; text-decoration:none; width:160px;}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul.avmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}
#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:10px; width:150px;}
#leftside p,.announce p {font-size:0.9em;}
/* Right sidebar */
#extras {float:right; margin:10px 0 10px; padding:0 10px 0 10px; width:170px; border-left: 1px dotted #AAAAAA;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.5em; font-weight:400; margin:0 0 6px;}
/* Main content */
#content {line-height:1.5em; margin:20px 200px 10px 200px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 0 10px 160px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; margin:10px 0 10px; padding:0; text-shadow: 1px 1px 1px #999}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content img,#contentwide img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;list-style-type: none;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 15px;}
#content li,#contentwide li {margin:0 0 2px -8px; padding:0 0 0 20px; background-image: url(img/li.png); background-repeat: no-repeat;background-position: 0;}
#breadcrumbs {padding: 5px 5px 10px 20px;
}
/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}
/* Links and paragraphs */
a {background:inherit; color:#D96653; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#CB1919; text-decoration:none;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 20px;}
blockquote p {font-size:0.8em; line-height:1.5em; margin:0;}
/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:200px;}
textarea {width:400px;}
/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}
/* Additional classes */
.announce h2 {margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.red {color:red;}
.green {color:green;}
.blue {color:blue;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin:10px 10px 5px 0;}
.right {float:right; margin:10px 0 5px 10px;}
<li > <a [+wf.classes+] href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]>[+wf.linktext+]</a> [+wf.wrapper+] </li>
[+wf.wrapper+] </ul>
<ul class="avmenu"><li><a [+wf.classes+] href="[~[(site_start)]~]">[+wf.linktext+]</a></li>[+wf.wrapper+]
Hey Matt, look at that
Hi,
Thanks for posting that. I’ll take a look in a moment. For the time being, though, can you delete everything in the wayfinder call after "avmenu" and tell me what you get? I’ve attached an image of what I see, having pulled your html and styling down to a local install.
MattC
- http://modx.systemalfacet.org/
