Hallo!
Ich habe bisher dieses Temlate http://templates.arcsin.se/decayed-website-template/ für meine Seite verwendet.
Nun habe ich ein reines CSS Template erstellt und wollte dies einbinden.
OK. Dateien hochgeladen, mit TV ein neues Template erstellt, gemappt und in der Rootpage als neues Template ausgewählt...
Uuuund... Baff... sämtlicher Content ist weg!
Hatte schon mal jemand das Problem???
Mein neues Template:
vorlage.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type" />
<link href="../../../fileadmin/templates/pure_css_layout/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="inahlt">
<div class="main">
<div id="headermenu">###HEADERMENU###</div>
<div id="headerimage">
</div>
<div id="menu">###MENU###</div>
<div id="maincontent">###CONTENT###</div>
<div id="footer">
<div id="copyright">###COPYRIGHT###</div>
<div id="footercenter">###FOOTER###</div>
<div id="madeby">###MADEBY###</div>
</div>
</div>
<!--<div id="subfooter">###SUBFOOTER###</div>-->
</div>
</body>
</html>
style.css:
img {padding:2px;}
body { /**/
background-image: url(hintergrund-bunt2.jpg); /* Hintergrundmuster */
} /**/
.main { /**/
background-color:#303030; /* Hintergrundfarbe */
height: auto; /* Automatische H�he */
overflow: visible; /* */
position: absolute; /* Absolut Positioniert */
top:10px; /* Abstand nach Oben */
left:50%; /* Die linke obere Ecke ist in der Mitte des Bildschirms */
visibility: visible; /**/
width: 1000px; /* Der Container ist 1000px breit */
margin-left:-500px; /* und da wir nun 500px von der linken Kante abziehen ist der Container mittig*/
color: #A0A0A0;/* Schriftfarbe des Gesamten Conatiners */
padding: 2px;/* Innenabstand */
border-width: 3px; /* Rahmen um den gesamten Content */
border-style: double; /* Doppelte Linie als Rahmen */
border-color: #505050; /* Rahmenfarbe */
}
#headermenu{ /**/
height:17px; /* H�he des Headermen�s */
width:996px; /* Breite des Headermen�s */
background-color:#303030; /* Hintergrundfarbe des Hintergrundmen�s */
position: relative; /* Position des Hintergrundmen�s */
text-align:right; /* Text im Headermen� ist rechts ausgerichtet */
border-bottom: 1px; /* Linie zwischen Headermen� und Headergrafik */
border-bottom-style: solid; /*Linie zwischen Headermen� und Headergrafik: Massiv */
border-bottom-color: #505050; /* Linie zwischen Headermen� und Headergrafik: Farbe */
padding-bottom:2px; /* Abstand zwischen Headermen� und Linie */
}
#headerimage { /**/
position: relative; /*Positionsart des Headerbildes*/
margin-left:2px; /* Aussenabstand links (Zur Doppellinie) */
margin-right:2px; /* Aussenabstand rechts (Zur Doppellinie) */
margin-top:5px; /* Aussenabstand oben (Zur Trennlinie) */
padding-bottom:4px; /* Innenabstand unten */
background-image: url(headerimage.jpg); /* Die Headergrafik */
background-color: #303030; /* Alternativ zur Grafik die HIntergrundfarbe */
background-repeat:no-repeat; /* Hintergrundgrafik nur einmal anzeigen */
width: 996px; /* Breite (1000px - 2px aussenabstand links - 2px aussenabstand rechts) */
height: 100px; /* H�he */
border-bottom: 1px; /* Trennlinie zum Hauptteil */
border-bottom-style: solid; /* Linienstil */
border-bottom-color: #505050; /* Linienfarbe */
}
#menu { /**/
width:200px; /* Men�breite */
background-color:#303030; /* Hintergrundbarbe */
position: absolute; /* Positionsart */
min-height:200px; /* Midesth�he */
float:left; /* andere objekte laufen rechts um das element herum */
padding:2px; /* innenabstand 2px d.h. men�elemente sind 196 px breit */
}
#maincontent{ /**/
width:790px; /* breite -> 800px - 2 * 5px Aussenabstand */
background-color:#303030; /* Hintergrundfarbe */
position: relative; /* Positionsart */
left:200px; /* Abstand nach links (zum linken rand des main-containers */
min-height:200px; /* mindesth�he */
text-align:left; /* textausrichtung */
padding:5px; /* aussenabstand */
border-left: 1px; /* trennlinie zwischen men� und content */
border-left-style: solid; /* linienstil */
border-left-color: #505050; /* linienfarbe */
}
#footer{
background-color:#303030; /* Hintergrundfarbe */
position:relative; /* Positionierungsart */
bottom: 2px; /* Positionsabstand unten */
width:996px; /* Breite */
border-top: 1px; /* Trennlinie zum Hauptteil */
border-top-style: solid; /* Linienstil */
border-top-color: #505050; /* Linienfarbe */
padding-top:2px; /* Innenabstand oben */
}
#copyright{
background-color:#303030; /* Hintergrundfarbe */
position:relative;/* Positionierungsart */
left:0px; /* Positionsabstand links */
bottom: 0px; /* Positionsabstand unten */
width:400px; /* Breite */
}
#footercenter{
background-color:#303030; /* Hintergrundfarbe */
position:absolute;/* Positionierungsart */
left:400px; /* Positionsabstand links */
bottom: 0px; /* Positionsabstand unten */
width:184px; /* Breite */
border-left: 1px; /* Linke Trennlinie */
border-right: 1px; /* Rechte Trennlinie */
border-left-style: solid; /* Linienstil links */
border-right-style: solid; /* Linienstil rechts */
border-color: #505050; /* Linienfarbe */
padding: 0px 5px; /* Innenabstand oben und unten 0px, links und rechts 5px */
}
#madeby{
background-color:#303030; /* Hintergrundfarbe */
position:absolute; /* Positionierungsart */
right:0px; /* Positionsabstand rechts */
bottom: 0px; /* Positionsabstand unten */
width:400px; /* Breite */
text-align:right; /* Textausrichtung rechts */
}
#subfooter{
background-color:#303030; /* Hintergrundfarbe */
min-height: 15px; /* H�he mind. 15 px */
overflow: visible; /* */
position: absolute; /* Absolut Positioniert */
bottom:10px;
left:50%; /* Die linke obere Ecke ist in der Mitte des Bildschirms */
visibility: visible; /**/
width: 1000px; /* Der Container ist 1000px breit */
margin-left:-500px; /* und da wir nun 500px von der linken Kante abziehen ist der Container mittig*/
color: #A0A0A0;/* Schriftfarbe des Gesamten Conatiners */
padding: 2px;/* Innenabstand */
border-width: 3px; /* Rahmen um den gesamten Content */
border-style: double; /* Doppelte Linie als Rahmen */
border-color: #505050; /* Rahmenfarbe */
}
#inhalt{
background-color:#303030; /* Hintergrundfarbe */
min-height: 15px; /* H�he mind. 15 px */
overflow: visible; /* */
position: relative; /* Absolut Positioniert */
bottom:9px; /* Abstand nach Oben */
left:50%; /* Die linke obere Ecke ist in der Mitte des Bildschirms */
visibility: visible; /**/
width: auto; /* Der Container ist 1000px breit */
margin-left:-500px; /* und da wir nun 500px von der linken Kante abziehen ist der Container mittig*/
}
Was Schriftformatierungen etc. betrifft habe ich noch nichts gemacht. Es ging mir erstmal darum ein reines CSS Template zum laufen zu bekommen...
LG
PS: Mein TS:
config.spamProtectEmailAddresses = 1
config {
spamProtectEmailAddresses = 2
spamProtectEmailAddresses_atSubst = <img src="fileadmin/templates/meineseite/icons/aet.jpg" border="0" align="absmiddle" alt="at" />
}
## Menu [Begin]
lib.Menu = HMENU
lib.Menu.entryLevel = 0
lib.Menu.wrap = <span style="text-decoration: underline;">|</span>
lib.Menu.1 = TMENU
lib.Menu.1.NO {
allWrap = |<br />
}
lib.Menu.2 = TMENU
lib.Menu.2.NO {
allWrap = |<br />
}
lib.Menu.3 = TMENU
lib.Menu.3.NO {
allWrap = |<br />
}
## Menu [End]
config.spamProtectEmailAddresses = 1
config.locale_all = de_DE
config.language = de
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page