Menü einbauen?

spotry · 31. Dezember 2006 14:45

Hallo in die Runde,

ich habe mir überlegt für eine Kinder- und Jugendeinrichtung eine HP zu erstellen. Dies auf Basis von Typo3 - wegen der leichten Aktualisierung. Nun bereitet mir die Erstellung jedoch schon zum Anfang Probleme :o :
Ich habe ein HTML Grundgerüst mit einer Tabelle. In einer Zelle steht, und das funktioniert super, Text und eine andere Zelle soll mal das HMENU (Beispiel:http://www.freizeitinsel-riesa.de) . Daraus ergibt sich folgender TS:

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff">
seite.stylesheet = fileadmin/style2.css
seite.10 = TEMPLATE
seite.10 {
      template = FILE
      template.file = fileadmin/index.html
      seite.10.workOnSubpart = DOKUMENT
      marks.Inhalt = CONTENT
      marks.Inhalt < styles.content.get
       marks.Inhalt.value {
       table = tt_content
tt_content.image.20.spaceBelowAbove = 0      
}

Jetzt wollte ich ein Menü einbauen. Aber an welche Stelle kommt das? Und wie muss das aussehen? Ich habe schon alles probiert aber irgendwie bin ich mit meinem Latein am Ende. Bitte helft mir #paralyzed#

Ich arbeite nach dem Buch "Einstieg in Typo3" für Version 3.7. Selbst habe ich aber 3.8 installiert.

Vielen Dank für Eure Hilfe und
GUTEN RUTSCH

ion · 31. Dezember 2006 17:49

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff">
seite.stylesheet = fileadmin/style2.css
seite.10 = TEMPLATE
seite.10 {
      template = FILE
      template.file = fileadmin/index.html
      seite.10.workOnSubpart = DOKUMENT

###################Hauptnavigation
marks.Menu = HMENU
marks.Menu {
  special = directory
  special.value = 1
  entryLevel = 1
  1 = GMENU
  1.expAll = 0 
  1.collapse = 0
  1.NO = 1
  1.NO {
    XY = [10.w]+18, 32
    backColor = {$FARBEH}
    10 = TEXT
    10.text.field = title
    10.fontSize = 9
    10.fontFile = fileadmin/font/arial.ttf
    10.fontColor = #ffffff
    10.offset = 9, 20
  
    20 = IMAGE
    20.file = GIFBUILDER
    20.file {
      XY = 1, 32
      backColor = {$FARBEH} |*| #f2f2f2 |*| #f2f2f2 
      }
    20.offset = 0, 0
  }
  1.RO < .1.NO
  1.RO{
   backColor = {$FARBED}
   20.file.backColor = {$FARBED} |*| #f2f2f2 |*| #f2f2f2 
    }

 1.ACT < .1.NO
 1.ACT{
   backColor = {$FARBED}
   20.file.backColor = {$FARBED} |*| #f2f2f2 |*| #f2f2f2 
    }
}



      marks.Inhalt = CONTENT
      marks.Inhalt < styles.content.get
       marks.Inhalt.value {
       table = tt_content
tt_content.image.20.spaceBelowAbove = 0      
}

Ich glaube so sollte es einigermassen funktionieren.

gruss manuel

spotry · 1. Januar 2007 11:58

Hallo Manuel,

erstmal vielen Dank für Deine Unterstützung und an dieser Stelle ein gesundes, neues Jahr. 😃

Ich habe den Typoscript soweit umgeändert. Ich kann soweit auch fast alles nachvollziehen. Den Inhalt fürs Menü, also die einzelnen Menüpunkte, zieht sich Typo3 aus dem Seitenbaum. Aber wofür steht denn dann das "directory" in Zeile 14? Muss ich ein directory noch anlegen oder wofür steht das?
Der Marker ###Menu### wird erfolgreich angesprochen aber die Menüpunkte erscheinen noch nicht. Woran liegt das?

Vielen Dank für Deine/ Eure Unterstützung. Es tut mir leid wenn ich mich anfänlgich hier etwas blöd anstelle. Aber ich hoffe, dass das nur Startschwierigkeiten sind.

Viele Grüße, Stefan

einpraegsam.net · 1. Januar 2007 12:46

spotry schrieb
Aber wofür steht denn dann das "directory" in Zeile 14? Muss ich ein directory noch anlegen oder wofür steht das?
Der Marker ###Menu### wird erfolgreich angesprochen aber die Menüpunkte erscheinen noch nicht. Woran liegt das?

Hängt beides zusammen.
Hier gibst du deinen Ausgangspunkt an (also normalerweise die Seite mit deinem Template)

Grüße

spotry · 2. Januar 2007 13:52

😢 😢 😢
Also ich habe es mit dem TS Beispiel probiert und war voller Hoffnung. Der Marker wurde auch angesprochen. Es wurde aber dennoch kein Menü angezeigt.
Ich habe alles mögliche probiert, Schriften geladen aber dennoch ging nix. Da bin ich wieder nach dem Buch Einstieg in Typo3 gegangen und habe ein TS eingebaut, was jetzt so aussieht:

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff">
seite.stylesheet = fileadmin/style2.css
seite.10 = TEMPLATE
seite.10 {
      template = FILE
      template.file = fileadmin/index.html
      seite.10.workOnSubpart = DOKUMENT

###################Hauptnavigation
marks.Menu = HMENU
marks.Menu.1 = TMENU
marks.Menu.1.NO {
      allWrap = <tr><td>|</td></tr>
      beforeImg = fileadmin/Hintergrund/lo.jpg
      beforeROImg = fileadmin/Hintergrund/ru.jpg
      RO = 1
   }
marks.Menu.1.ACT = 1
marks.Menu.1.ACT {
      allWrap = <tr><td>|</td></tr>
      beforeImg = fileadmin/Hintergrund/tablo.jpg
   }
marks.Menu.2 = TMENU
marks.Menu.2.NO {
      allWrap = <tr><td>|</td></tr>
      beforeROImg = fileadmin/Hintergrund/ru.jpg
      RO = 1
   }
marks.Menu.2.ACT = 1
marks.Menu.2.ACT {
       allWrap = <tr><td>|</td></tr>
       beforeImg = fileadmin/Hintergrund/tablo.jpg
}

      marks.Inhalt = CONTENT
      marks.Inhalt < styles.content.get
       marks.Inhalt.value {
       table = tt_content
tt_content.image.20.spaceBelowAbove = 0      
}

Das Ergebnis zeigt sich hier: http://www.freizeitinsel-riesa.de

Menü: Ja
Platz: Total falsch....was nun? #paralyzed# HELP ME!

ion · 3. Januar 2007 17:54

Hallo

Meiner meinung nach ist
"allWrap = <tr><td>|</td></tr>"
nicht nötig/falsch.

Ansonsten poste doch mal den link zu deiner designvorlage/teplate...

Gruss Manuel

spotry · 3. Januar 2007 22:06

Hi Manuel,

vielen Dank für den Tipp. Das hat schon mal funktioniert und das Menü steht da wo es auch hin soll. Nur listet jetzt Typo3 die Menüpunkte einfach so an - ohne erkennbares Prinzip. Meine Designvorlage sieht folgender Maßnahmen aus:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Freizeitinsel Riesa</title>
<style type="text/css">
<!--
.Stil1 {color: #FFFFFF}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.Stil2 {
	color: #9999FF;
	font-size: x-small;
}
-->
</style>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" background="../fileadmin/Hintergrund/hintergrundkachel.jpg">
<!--###DOKUMENT### start -->
<span class="Stil1"></span>
<center>
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFCC">
  <!--DWLayoutTable-->
  <tr>
    <td height="20" colspan="2" valign="top" bgcolor="#000066"><!--DWLayoutEmptyCell-->&nbsp;</td>
  <td width="15" valign="top" bgcolor="9EB1FD"><img src="../fileadmin/Hintergrund/lo.jpg" alt="-" width="15" height="15" /></td>
    <td width="128" valign="top" bgcolor="9EB1FD"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td colspan="2" align="right" valign="top" bgcolor="9EB1FD"><img src="../fileadmin/Hintergrund/ro.jpg" alt="-" width="15" height="15" /></td>
    <td colspan="3" valign="top" bgcolor="#000066"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr>
    <td height="120" colspan="2" valign="top" bgcolor="AAE90E"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td colspan="4" rowspan="3" valign="top" bgcolor="#DFFE91">###Menu###</td>
    <td width="320" valign="top" bgcolor="AAE90E"><img src="../fileadmin/Hintergrund/schriftzug.png" alt="Freizeitinsel Riesa" width="320" height="120" /></td>
  <td colspan="2" valign="top" bgcolor="AAE90E"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr> 
  <tr>
    <td width="15" height="15" valign="top"><img src="../fileadmin/Hintergrund/tablo.jpg" alt="-" width="15" height="15" /></td>
    <td width="7"></td>
    <td colspan="2" rowspan="3" valign="top">###Inhalt###</td>
    <td width="24" align="right" valign="top"><img src="../fileadmin/Hintergrund/tabro.jpg" alt="-" width="15" height="15" /></td>
  </tr>
  <tr>
    <td height="274"></td>
    <td></td>
    <td></td>
  </tr>
  
  
  
  <tr>
    <td height="19">&nbsp;</td>
    <td></td>
    <td align="left" valign="bottom" bgcolor="DFFE91"><img src="../fileadmin/Hintergrund/lu.jpg" alt="-" width="15" height="15" /></td>
    <td colspan="2" valign="top" bgcolor="#DFFE91"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="15" valign="bottom" bgcolor="#DFFE91"><img src="../fileadmin/Hintergrund/ru.jpg" alt="-" width="15" height="15" /></td>
    <td></td>
  </tr>
  <tr>
    <td height="25" colspan="8" valign="middle" bgcolor="000066"><div align="right" class="Stil2">Freizeitinsel Riesa-Gro&szlig;enhain e.V. | Canitzer Stra&szlig;e 56 | 01591 Riesa  </div></td>
  <td valign="top" bgcolor="#000066"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr>
    <td height="0"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="1"></td>
    <td></td>
    <td></td>
    <td></td>
    <td width="4"></td>
    <td></td>
    <td></td>
    <td width="272"></td>
    <td></td>
  </tr>
</table>
</center>
<!--###DOKUMENT### ende -->
</body>
</html>

und das Template sieht so aus:

seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#ffffff">
seite.stylesheet = fileadmin/style2.css
seite.10 = TEMPLATE
seite.10 {
      template = FILE
      template.file = fileadmin/index.html
      seite.10.workOnSubpart = DOKUMENT

###################Hauptnavigation
marks.Menu = HMENU
marks.Menu.1 = TMENU
marks.Menu.1.NO {
      beforeImg = fileadmin/Hintergrund/lo.jpg
      beforeROImg = fileadmin/Hintergrund/ru.jpg
      RO = 1
   }
marks.Menu.1.ACT = 1
marks.Menu.1.ACT {
      beforeImg = fileadmin/Hintergrund/tablo.jpg
   }
marks.Menu.2 = TMENU
marks.Menu.2.NO {
      beforeROImg = fileadmin/Hintergrund/ru.jpg
      RO = 1
   }
marks.Menu.2.ACT = 1
marks.Menu.2.ACT {
      beforeImg = fileadmin/Hintergrund/tablo.jpg
}

      marks.Inhalt = CONTENT
      marks.Inhalt < styles.content.get
       marks.Inhalt.value {
       table = tt_content
tt_content.image.20.spaceBelowAbove = 0      
}

oder was meintest Du mit

Ansonsten poste doch mal den link zu deiner designvorlage/teplate...

?

Erst nochmal vielen Dank,
Stefan und das Team der Freizeitinsel

Michaelh74 · 4. Januar 2007 11:01

Hallo,

mußt das Menü denn mit grafischen Buttons erstellt werden oder würde auch Text mit CSS gehen?

Ich würde übrigens auch versuchen den Rest Deines HTML Template ohne Tabellen dafür mit CSS zu layouten.

Dann machst Du ein TMENU, setzt die Menüpunkte in ein DIV mit ID und weißt per CSS das jeweilige Layout zu. Dann ist das auch ne saubere Sache ;-)

Wie ich lese verwendest Du Typo3 3.8. Ich würde Dir dringend Raten auf die aktuelle Version 4.04 upzudaten. Stabiler, weniger Bugs, bessere CSS Unterstützung, mehr Funktionen, etc...

Viel Glück!
Michael