Ich hab mir gestern Typo3 installiert und heute auch schon ein Bisschen mit den Templates usw. rumprobiert, und wollte jetzt ein eigenes Template importieren.
Bis jetzt habe ich es geschafft, dass Typo die HTML-Seite ausgibt - aber leider nur mit ihren Original-Inhalten; die ganzen Daten aus Typo3 werden also nicht hinzugefügt...
Hier die HTML-Datei:
<HTML>
<head>
<TITLE>informatic-cracks.ch</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="860" border="0" align="center" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="860" height="318" background="grafiken/1.jpg" valign="bottom">
<table width="73%" border="0" height="103">
<tr>
<td width="68%" height="45"> </td>
<td width="32%" height="45" valign="top">
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="index.php"><b><font size="1" face="Arial, Helvetica, sans-serif"> Hier
kommen die News rein la...</font></b></a></td>
</tr>
<tr>
<td><a href="index.php"><b><font size="1" face="Arial, Helvetica, sans-serif"> Hier
kommen die News rein..</font></b></a></td>
</tr>
<tr>
<td><a href="index.php"><b><font size="1" face="Arial, Helvetica, sans-serif">Hier
kommen die News rein labla..</font></b></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="68%"> </td>
<td width="32%"> </td>
</tr>
<tr>
<td width="68%"> </td>
<td width="32%"> </td>
</tr>
<tr>
<td width="68%"> </td>
<td width="32%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="133" valign="top" background="grafiken/3.jpg">
<table width="133" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="133" height="32" background="grafiken/2.jpg"> </td>
</tr>
<tr>
<td>
<table width="94%" border="0" cellspacing="0" cellpadding="0" height="80">
<tr>
<td width="11"> </td>
<td class="btable2" width="121" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%"> </td>
<td width="90%">
<div align="right"><font color="#CCCCCC" size="1"><b><font color="#FFFFFF"><a href="index.php"><font color="90949B"><font color="#FFFFFF">Navigation
<<</font></font></a><font color="#FFFFFF"> </font></font></b></font></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%">
<div align="right"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><img src="grafiken/pfeil.jpg" width="11" height="6"></font></font></b></div>
</td>
<td width="90%"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><a href="index.php"> News</a></font></font></b></td>
</tr>
</table>
</td>
</table>
</td>
</tr>
</table>
</td>
<td width="586" valign="top" background="grafiken/7.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="561" height="25" background="grafiken/6.jpg">
<table width="75%" border="0" cellspacing="0" cellpadding="0" align="right" height="1">
<tr>
<td width="98%">
<div align="right"><font size="1" color="#FFFFFF"><b><font face="Arial, Helvetica, sans-serif">Hier
Titel des Kontents</font></b></font></div>
</td>
<td width="2%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5" height="18"> </td>
<td class="btable5" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551" height="18"><font color="#000000">
Blabla ...</font></td>
</tr>
<tr>
<td width="5" height="2"> </td>
<td class="btable1" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551" height="2" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="96%">
<p>blablablablaaafdasfsfsaf </p>
<p> </p>
<p> </p>
</td>
<td width="2%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5"> </td>
<td class="btable1" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551">
<div align="right"><font color="#000000">Blabla << </font></div>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5" height="18"> </td>
<td class="btable5" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551" height="18"><font color="#000000">
Blabla ...</font></td>
</tr>
<tr>
<td width="5" height="2"> </td>
<td class="btable1" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551" height="2" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="96%">
<p>blablablablaaafdasfsfsaf </p>
<p> </p>
<p> </p>
</td>
<td width="2%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5"> </td>
<td class="btable1" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="551">
<div align="right"><font color="#000000">Blabla << </font></div>
</td>
</tr>
</table>
</td>
<td width="141" valign="top" background="grafiken/5.jpg">
<table width="166" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="166" height="46" background="grafiken/4.jpg"> <!-- ###SUB_CONTENT_MARGIN### begin --><!-- ###SUB_HEADER2### --></td>
</tr>
<tr>
<td>
<table width="94%" border="0" cellspacing="0" cellpadding="0" height="401">
<tr>
<td width="11"> </td>
<td class="btable2" width="121" >
<table width="115%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="10%"> </td>
<td width="90%">
<div align="right"><font color="#CCCCCC" face="Arial, Helvetica, sans-serif" size="1"><b><font color="#CCCCCC" size="1"><b><font color="#FFFFFF"><a href="index.php"><font color="90949B"><font color="#FFFFFF"><!-- ###MARK_HEADER### --><!-- ###SUB_HEADER2### --> <<</font></font></a><font color="#FFFFFF"> </font></font></b></font><font color="#FFFFFF"></font></b></font></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="11"> </td>
<!-- ###SUB_L2MENU### start -->
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- ###SUB_L2MENU_ALLITEMS### start -->
<!-- ###SUB_L2MENU_ITEM### start -->
<tr>
<td width="10%">
<div align="right"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><img src="grafiken/pfeil.jpg" width="11" height="6"><!--###LINK###-->###MENU_TITLE###<!--###LINK###--></font></font></b></div>
</td>
<td width="90%"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><a href="index.php"> </a></font></font></b></td>
</tr>
</table>
</td>
</tr>
<tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- ###SUB_L2MENU_ITEM### end -->
<!-- ###SUB_L2MENU_ITEM_ACT### start -->
<td width="10%">
<div align="right"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><img src="grafiken/pfeil.jpg" width="11" height="6"><!--###LINK###-->###MENU_TITLE###<!--###LINK###--></font></font></b></div>
</td>
<td width="90%"><b><font size="1"><font face="Arial, Helvetica, sans-serif"><a href="index.php"> </a></font></font></b></td>
<!-- ###SUB_L2MENU_ITEM_ACT### end -->
<!-- ###SUB_L2MENU_ALLITEMS### end -->
<!-- ###SUB_L2MENU### end -->
<!-- ###SUB_CONTENT_MARGIN### end -->
</tr>
</table>
</td>
</tr>
</tr>
<tr>
</tr>
<tr>
<td width="11"> </td>
</td>
</tr>
<tr>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable2" width="121">
<table width="115%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="10%" height="10"> </td>
<td width="90%" height="10">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10%"> </td>
<td width="90%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121"> </td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121"> </td>
</tr>
<tr>
<td width="11"> </td>
<td class="btable3" onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;" width="121"> </td>
</tr>
</table>
<p><br>
</p>
<p> </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Und das Stylesheet dazu:
BODY
{
SCROLLBAR-FACE-COLOR: #202020;
SCROLLBAR-HIGHLIGHT-COLOR: #2A2A2A;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #C0C0C0;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
font-family: Arial,Verdana ;
font-size: 8pt;
color: #000000;
background:#ffffff;
letter-spacing:0;
}
A:link
{
COLOR: #000000; TEXT-DECORATION: none;
}
A:visited
{
COLOR: #000000; TEXT-DECORATION: none;
}
A:hover
{
COLOR: #142A64; TEXT-DECORATION: none;
}
td, div, p
{
font-family: Arial, Verdana;
font-size: 8pt;
font-weight: normal;
letter-spacing:0;
}
.btable1
{
FILTER: alpha(opacity=70);
background-color:#ffffff;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
font-size: 7pt;
}
.inhalt
{
background-color: #ffffff;
}
.section
{
width:95%;
}
.btable2
{
FILTER: alpha(opacity=50);
background-color:#666666;
color:#4B5361;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #666666 solid;
border-left: 1px #666666 solid;
border-right: 1px #333333 solid;
border-bottom: 1px #333333 solid;
font-size: 7pt;
}
.btable3
{
FILTER: alpha(opacity=70);
background-color:#ccccccc;
color:#cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #ccccccc solid;
border-left: 1px #ccccccc solid;
border-right: 1px #333333 solid;
border-bottom: 1px #333333 solid;
font-size: 7pt;
}
.short
{
font-family: Arial, Verdana, Helvetica, sans-serif;
border-top: 0px #C0C0C0 solid;
border-left: 1px #424242 dashed;
border-right: 0px #C0C0C0 solid;
border-bottom: 0px #C0C0C0 solid;
}
.forminput
{
FILTER: alpha(opacity=70);
background-color:#ECEDED;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #4F4F4F solid;
border-bottom: 1px #4F4F4F solid;
font-size: 7pt;
}
.forminput2
{
background-color:#EE6F11;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
border-top: 1px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #2A2A2A solid;
border-bottom: 1px #2A2A2A solid;
}
.btable5
{
FILTER: alpha(opacity=70);
background-color:#cccccc;
color:#cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top: 1px #ccccccc solid;
border-left: 1px #ccccccc solid;
border-right: 1px #333333 solid;
border-bottom: 1px #333333 solid;
font-size: 7pt;
}
.btable6
{
background-color:#274200;
color:#62A800;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
border-top: 1px #427000 solid;
border-left: 1px #427000 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
.btable7
{
background-color:#001D3E;
color:#0053B0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
border-top: 1px #003570 solid;
border-left: 1px #003570 solid;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
Im Setup habe ich das Stylesheet hinzugefügt und die Auto-Template-Parser-Anweisungen gemäss Modern Template Building P.1 reinkopiert.
Was muss ich noch tun, um die Seiteninhalte in das Feld in der Mitte, den rechten Rand ins Rechte, und das Menü ins linke Feld zu bekommen?
Vielen Dank für eure Hilfe!!
~~ Sorry für den Riesenpost ~~