AW: Contao - Eigenes Layout einbinden ?
Sehr schön! Danke Samuell! Nachdem ich im Template Ordner einen Unterordner erstellt habe, konnte ich ihn bei den Themeneinstellungen auch auswählen.
Ich bin jetzt soweit, dass ich:
- das fe_page.tpl im neuen Unterordner "MeinTemplate" habe.
- Ein neues Theme erstellt habe, mit den Einstellungen:
+
Ordner: Dort habe ich alle Ordner ausgewählt, in denen sich Dateien von meiner Website befinden. Heißt: Hauptordner, "style" (dort befindet sich die css...die ich aber vermutlich sowieso nicht mehr wirklich brauche da ich eine neue erstelle?), und letzendlich der Ordner "Bilder", indem sich alle Bilder für die Homepage befinden.
+
Templates-Ordner: Dort habe ich den Ordner "MeinTemplate" ausgewählt, in der sich die fe_page.tpl befindet.
- Danach hab ich diesem erstellten Theme eine CSS angehangen...habe einfach mal meine importiert und versuche sie zu verändern..wenns garnicht geht schreibe ich schritt für schritt eine neue.
Nur stellen sich bei mir folgende Fragen:
in der fe_page.tpl stehen ID´s, bei denen ich nicht weiß, was er eigentlich von mir will...was soll ich zu diesen Klassen dann in die css schreiben?!
der Codet lautet ja wie folgt:
Code:
<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<?php echo $this->framework; ?>
<?php echo $this->stylesheets; ?>
<?php echo $this->mooScripts; ?>
<?php echo $this->head; ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="wrapper">
<?php if ($this->header): ?>
<div id="header">
<div class="inside">
<?php echo $this->header; ?>
</div>
</div>
<?php endif; ?>
<?php echo $this->getCustomSections('before'); ?>
<div id="container">
<?php if ($this->left): ?>
<div id="left">
<div class="inside">
<?php echo $this->left; ?>
</div>
</div>
<?php endif; ?>
<?php if ($this->right): ?>
<div id="right">
<div class="inside">
<?php echo $this->right; ?>
</div>
</div>
<?php endif; ?>
<div id="main">
<div class="inside">
<?php echo $this->main; ?>
</div>
<?php echo $this->getCustomSections('main'); ?>
<div id="clear"></div>
</div>
</div>
<?php echo $this->getCustomSections('after'); ?>
<?php if ($this->footer): ?>
<div id="footer">
<div class="inside">
<?php echo $this->footer; ?>
</div>
</div>
<?php endif; ?>
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
</div>
<?php echo $this->mootools; ?>
</body>
</html>
Was verlangt er von mir bei der id="top"? mit den php werten kann ich leider nichts anfangen....die id "header" ist klar..dort binde ich wohl das headerbild meiner seite ein..genauso "main" und "footer"....das sind im grunde die 3 Container die ich eigentlich brauche und in denen ich auch alle Werte eintragen würde...was machen die ganzen andern ?
Sind diese zwingend notwendig?
Hier ist mal die CSS von meiner Website:
Code:
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
border:0;
}
html {
background:url(../Bilder/bg.jpg) 0 0 repeat;
}
body {
font:62.5%/1.2em "verdana",arial, sans-serif;
color:#000000;
background:url(../Bilder/bg-header.jpg) center 0 no-repeat;
line-height:15px;
}
.p {
width:800px;
margin-left:20px;
margin-right:20px;
padding-left: 40px;
}
.clear {
float:none;
clear:both;
}
.noBorder {
border:0!important;
}
/*--------------------------------*/
div#header {
width:916px;
height:286px;
background:url(../Bilder/bg-header.jpg) no-repeat;
margin:0 auto;
position:relative;
}
div#header ul#navi-top {
position:absolute;
list-style:none;
top:217px;
right:10px;
font-size:12px;
}
div#header ul#navi-top li {
float:left;
padding:0 45px;
border-right:1px solid #757575;
line-height:15px;
text-transform: uppercase;
}
div#header ul#navi-top li a {
color:#000000;
text-decoration:none;
}
div#header ul#navi-top li a:hover,
div#header ul#navi-top li.active a {
text-decoration:none;
color:#ffffff;
}
div#content {
width:916px;
background:url(../Bilder/bg-content.jpg);
margin:0 auto;
}
div#footer {
width:916px;
height:46px;
background:url(../Bilder/bg-footer.jpg) 0 0 no-repeat;
margin:0 auto;
position:relative;
}
div#footer ul#navi-top2 {
position:absolute;
list-style:none;
top:20px;
right:10px;
font-size:10px;
}
div#footer ul#navi-top2 li {
float:left;
padding:0 45px;
border-right:1px solid #757575;
line-height:15px;
text-transform: uppercase;
}
div#footer ul#navi-top2 li a {
color:#000000;
text-decoration:none;
}
div#footer ul#navi-top2 li a:hover,
div#footer ul#navi-top2 li.active a {
text-decoration:none;
color:#ffffff;
}
Wie man sieht habe ich eigentlich auch nur die container "header", "content" und "footer" und die anderen bauen halt drauf auf.
Lg
