Hi.
Also im Baum Manager stimmts.
Chunk alxHeader (+ Aufruf):
<!--<form action="">
<input value="Suchen" />
</form>-->
<h1><a href="#">[(site_name)]</a></h1>
[[Wayfinder? &startId=`0`&limit=`10` &outerClass=`nav`&innerClass=`subnav`]]
Das Template:
<!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">
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="content-type" content="text/html; charset=[(etomite_charset)]" />
<link rel="stylesheet" href="assets/templates/aqueouslightx/css/1.css" type="text/css" media="screen,projection" />
<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
body { behavior: url(assets/js/csshover.htc); } /* hover:anything support */
/* Add any IE-specific styling here */
</style>
<script type="text/javascript" src="assets/js/sleight.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<div id="innerwrapper">
<div id="header">
{{alxHeader}}
</div>
<div id="sidebar">
{{alxLeftSidebar}}
</div>
<div id="sidebarright">
{{alxRightSidebar}}
</div>
<div id="content">
[*content*]
</div>
<div id="footer">
<!-- Please leave this line intact -->
<p>Template design by <a href="http://www.sixshootermedia.com">Six Shooter Media</a>.<br />
<!-- you can delete below here -->
© C4D-Chat Team.</p>
</div>
</div>
</div>
</body>
</html>
Die CSS:
body {
font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
word-spacing:2px;
color:#444;
margin:20px;
background:url(../images/body.jpg) #f6f6f6;
}
* {
margin:0;
padding:0;
}
#wrapper {
background:#fff;
border:3px solid #f1f1f1;
max-width:1200px;
width:expression(this.width > 320 ? "320px" : this.width);
min-width:760px;
margin:0 auto;
}
* html #wrapper
{
w\idth: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
}
#innerwrapper {
margin:1px;
background:url(../images/innerwrapper.jpg) top repeat-x;
padding:20px;
}
#header {
margin-bottom:20px;
}
#header input {
width:150px;
padding:5px;
background:#fff;
border:2px solid #f6f6f6;
font:150% Arial;
color:#999;
}
#header input:hover {
border:2px solid #ccc;
}
#header input:focus {
border:2px solid #79B5D6;
color:#555;
}
#header form {
padding:27px 25px 20px 25px;
float:right;
background:#fff;
width:160px;
margin:-20px -20px 0 0 !important;
margin:-20px -10px 0 0;
border:none;
}
#header h1 {
float:left;
font:250% Georgia;
color:#333;
padding:5px 20px 5px 5px;
margin:0 20px 0 0;
}
#header h1 a {
color:#333;
text-decoration:none;
}
#header h1 a:hover {
color:#111;
}
#header h2 {
font:150% Georgia;
font-weight:normal;
color:#555;
padding:14px 0 0 0;
border:none;
}
#header h2 a {
color:#555;
text-decoration:none;
border-bottom:2px solid #f6f6f6;
}
#header .nav {
position:relative;
clear:both;
background:url(../images/nav.jpg) top repeat-x #4F9EC9;
border-bottom:2px solid #4F9EC9;
border-top:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
padding:10px 10px 10px 0 !important;
padding:4px 10px 10px 0;
}
#header a em {
font-style:normal;
text-decoration:underline;
}
#header .nav a {
color:#fff;
font:140% Trebuchet MS;
text-decoration:none;
padding:10px;
}
#header .nav a:hover {
background:#4F9EC9;
}
#header .nav li.active a{
background:#4F9EC9;
}
#header .nav li {
display:inline;
list-style:none;
margin:0 1px 0 0;
}
#header .subnav {
background:#4F9EC9;
padding:5px 7px 7px 7px;
font:90% Verdana;
color:#DEEDF5;
border-bottom:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
border-top:2px solid #3086B7;
display:none;
position:absolute;
top:40px;
left:-2px;
width:98.5%;
}
#header .active ul, #header li:hover ul{
display:block;
}
#header .subnav li {
list-style:none;
display:inline;
}
#header .subnav a {
color:#DEEDF5;
text-decoration:none;
font:100% Verdana;
padding:5px;
border-bottom:2px solid #4F9EC9;
}
#header .subnav a:hover {
border-bottom:2px solid #388CBA;
color:#fff;
}
#header .subnav li.active a{
border-bottom:2px solid #388CBA;
color:#fff;
}
#sidebar {
background:#fff;
width:210px;
padding:10px 20px 20px 5px;
float:left;
color:#666;
}
#sidebar h2 {
font:160% Arial;
color:#333;
margin:10px 0 10px 0;
border:none;
}
#sidebar h3 {
color:#999;
font:100% Verdana;
font-weight:bold;
letter-spacing:1px;
margin:0 0 -10px 0;
}
#sidebar p {
margin:15px 0;
}
#sidebar p.news {
background:#fefefe;
}
#sidebar p.news a.more {
color:#ccc;
display:block;
text-align:right;
font:80% Verdana;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
padding:10px 0;
}
#sidebar p.news a:hover {
color:#666;
}
#sidebar .subnav {
border-top:1px solid #fafafa;
}
#sidebar .subnav li {
list-style:none;
padding:5px;
border-bottom:1px solid #fafafa;
}
#sidebar .subnav li a {
color:#ccc;
text-decoration:none;
display:block;
}
#sidebar .subnav li a:hover {
color:#666;
}
#sidebar .subnav li a b {
float:right;
display:none;
color:#666;
}
#sidebar .subnav li a:hover b {
display:inline;
}
#sidebar input {
padding:4px;
background:#f6f6f6;
border:1px solid #ccc;
color:#777;
font:90% Verdana;
width:190px;
}
#sidebarright {
width:170px;
float:right;
padding:10px 0 0 20px;
background:url(../images/sidebarright.jpg) top left no-repeat;
}
#sidebarright p {
font:90% Verdana;
color:#777;
line-height:20px;
margin:10px 0;
}
#sidebarright h2 {
font:140% Arial;
color:#333;
margin:10px 0;
border:none;
}
#sidebarright ul {
margin:10px 0 10px 15px;
font:90% Verdana;
}
#sidebarright ul li {
margin:5px 0;
}
#sidebarright a {
border-bottom:1px dotted #eee;
color:#444;
text-decoration:none;
}
#sidebarright a:hover {
border-bottom:1px solid #ccc;
}
#content {
margin:0 210px 0 240px;
padding:20px 0 0 20px;
}
#contentnorightbar {
margin:0 0 0 240px;
padding:20px 0 0 20px;
}
p {
margin:15px 0;
line-height:22px;
}
h2 {
font:190% Arial;
color:#79B933;
border-bottom:2px solid #f6f6f6;
}
h2 a {
color:#79B933;
text-decoration:none;
}
h2 a:hover {
color:#5F9128;
}
#footer {
clear:both;
border-top:1px solid #eee;
padding:10px;
margin:30px 0 0;
}
a {
color:#222;
}
a:hover {
text-decoration:none;
}
h3 {
font:140% Trebuchet MS;
margin:10px 0;
}
#content ul {
margin:15px 0 15px 0;
line-height:25px;
padding:15px 0 15px 15px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
color:#79B933;
}
#content ul span {
color:#444;
}
#contentnorightbar ul {
margin:15px 0 15px 20px;
line-height:25px;
padding:15px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
color:#79B933;
}
#contentnorightbar ul span {
color:#444;
}
img {
padding:1px;
background:#ccc;
border:4px solid #f6f6f6;
}
form {
padding:10px;
border:1px solid #f6f6f6;
}
label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;
}
input {
width:300px;
padding:4px;
border:none;
border-bottom:1px dotted #ccc;
font:90% Verdana;
color:#777;
}
textarea {
width:400px;
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:200px;
display:block;
color:#777;
}
p img {
float:left;
margin:0 10px 0 0;
}
blockquote p {
font:160% Georgia;
color:#aaa;
padding:0 10% 0 0;
line-height:30px;
}
Das Menü ist Standard, habe nur das Template-Stylesheet (bzw. die Klassen) zugewiesen.
