Html Template einbinden

DonTypo · 05.02.2008, 16:27

Hallo liebe Forummitglieder
ich bin neu und versuche mich mit Typo3 ( finde echt gut, klasse, fantastisch... )

ich habe leider ein paar fragen.
1.) wie kann ich mein Template so einrichten das das Logo.gif
<td background="fileadmin/template/images/Logobild.jpg" valign="top"> bei jede Seite ein anders Logo anzeigt ?
2.) wie bekomme ich meine Navegationsleiste in Typoscript zum laufen ? (Navi links und rechts)
3.) wie bekomme ich die Bilder Links und Rechts eingefügt?das ist eigentlich alles Diese Html Template habe ich mit Dreamweaver erstellt und schon im Typo3 eingebettet, bis zu den 3 Fragen halt

im Typoscript kam ich so weit:

Code:

page = PAGE
page.stylesheet = style*.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = Ferrari*.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get
subparts.MENU = HMENU
subparts.MENU1 = TMENU
}

Danke in voraus

So schaut mein Template aus :

Hier ist der Quellcode von Dreamweaver:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0" height="600" align="center">
<tr>
<td valign="top" height="340">
<table width="950" border="0" cellspacing="0" cellpadding="0" height="340">
<tr>
<td background="fileadmin/template/images/Logobild.jpg" valign="top">
<table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="fileadmin/template/images/Logo.jpg" width="130" height="55"></td>
<td width="13">&nbsp;</td>
<!-- ###TITLE### -->
<td width="344" class="Stil10">TITLE</td>
<td width="129"><span class="Stil11"></span></td>
<td width="163">&nbsp;</td>
<td width="150" rowspan="2" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="1" class="NaviR">
<tr>
<td width="10%" height="35">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="10%" height="20" bgcolor="#F8ED65">&nbsp;</td>
<td bgcolor="#F8ED65" class="Stil5"><a href="index.php" class="Stil5"><span class="NaviL">Navegation Links </span></a></td>
</tr>
<tr>
<td width="10%" height="20">&nbsp;</td>
<td><a href="Linktest.de - Informationen zum Thema Linktest. Diese Website steht zum Verkauf!" target="_blank"><strong>Navi Links </strong></a>1</td>
</tr>
<tr>
<td width="10%" height="20">&nbsp;</td>
<td><a href="Linktest.de - Informationen zum Thema Linktest. Diese Website steht zum Verkauf!" target="_blank"><strong>Navi Links </strong></a><strong>2</strong></td>
</tr>
<tr>
<td width="10%" height="20" class="Stil1">&nbsp;</td>
<td><a href="www.link.de"_blank"><strong>Navi Links </strong></a><strong>3</strong></td>
</tr>
</table></td>
<td class="Stil1">&nbsp;</td>
</tr>
<tr>
<td width="130" height="285" valign="top">
<table width="99%" border="0" align="center" cellpadding="1" cellspacing="0" class="Stil6">
<tr>
<td colspan="2" height="4"></td>
</tr>
<tr>
<td width="15">&nbsp;</td>
<td width="99">&nbsp;</td>
</tr>
<tr>
<td>
[color="Red"]<!-- ###MENU### start -->[/color]
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">HOME</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite1</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite2</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite3</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite4</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite5</a></td>
</tr>
<tr>
<td>
<div align="center"><img src="fileadmin/template/images/rot.jpg" width="10" height="10"></div></td>
<td><a href="index.php">Seite1</a></td>
[color="red"]<!-- ###MENU### stop -->[/color]
</tr>
<tr>
<td>
<div align="center"></div></td>
<td>&nbsp;</td>
</tr>
</table>
<table width="80%" border="0" align="center" cellpadding="1" cellspacing="0" class="Stil6">
<tr>
<td height="121" colspan="2"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<div align="right"></div></td>
</tr>
</table></td>
<td colspan="4" class="Stil1"><p>Hallo liebe Forummitglieder </p>
<p>ich bin neu und versuche mich mit Typo3 ( finde ech gut )</p>
<p>ich habe leider ein paar fragen.</p>
<p>1.) wie kann ich mein Template so einrichten das das Logo.gif <br>
&lt;td background=&quot;fileadmin/template/images/Logobild.jpg&quot; valign=&quot;top&quot;&gt; bei jede Seite ein anders Logo anzeigt ?</p>
<p>2.) wie bekomme ich meine Navegationsleiste in Typoscript zum laufen ? (Navi links und rechts)</p>
<p>3.) wie bekomme ich die Bilder Links und Rechts eingef&uuml;gt?</p>
<p>das ist eigentlich alles </p>
<p>Diese Html Template habe ich mit Dreamweaver erstellt und schon im Typo3 eingebettet, bis zu den 3 Fragen halt </p>
<p>im Typoscript kam ich so weit:</p>
<p>page = PAGE<br>
page.stylesheet = style*.css<br>
page.10 = TEMPLATE<br>
page.10 {<br>
template = FILE<br>
template.file = Ferrari*.html<br>
workOnSubpart = DOCUMENT_BODY<br>
<br>
subparts.CONTENT &lt; styles.content.get<br>
subparts.MENU = HMENU<br>
subparts.MENU1 = TMENU<br>
} </p> <p>Danke in voraus</p>
<p>&nbsp; </p></td>
<td width="21" class="Stil1">&nbsp;</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" class="Stil1">
<table width="950" height="48%" border="0" cellpadding="0" cellspacing="0" class="Stil2">
<tr>
<td height="10" width="266"></td>
<td width="505"></td>
<td width="10"></td>
<td width="150"></td>
<td width="21"></td>
</tr>
<tr>
<td height="10" colspan="2">
<td ></td>
<td width="150"></td>
<td width="21"></td>
</tr>
<tr>
<td height="10"></td>
<td></td>
<td ></td>
<td width="150"></td>
<td width="21"></td>
</tr>
<tr>
<td valign="top" colspan="2">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr class="Stil2">
<td valign="top" width="260">
<p>Hier soll ein BILD / Flash Wie kann ich hier Bilder /Flash einf&uuml;gen ??? <br>
</p></td>
<td width="522" valign="top">
<!-- ###CONTENT### start -->
<p class="TextShopBold">BLA BLA TEXT </p>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<!-- ###CONTENT### stop -->
</td>
</tr>
</table></td>
<td>&nbsp;</td>
<td width="150" valign="top">Hier ist ein BILDHier soll ein BILD / Flash Wie kann ich hier Bilder /Flash einf&uuml;gen ??? </td>
<td width="21">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="27" valign="bottom" class="Stil1">
<table width="949" border="0" cellpadding="1" cellspacing="0" style="border-width: 1px 0px 0px" #invalid_attr_id="#CCCCCC solid"><tr><td class="Stil3">
<div align="left">
<div align="center"><br>
</div>
</div>
<div align="left"></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

steffenk · 05.02.2008, 19:44

Hi,

1) TYPO3 und Typoscript lernt man nicht von heut auf morgen. Schau Dir meinen Workshop hier an um reinzukommen
2) Verabschiede Dich möglichst schnell vom Tabellenlayout und beschäftige Dich mit CSS, Vorlagen gibt es genug