Zum Inhalt springen

Menü mit Grafiken erstellen.

Erstellt am 17. Dezember 2005 · 5 Antworten · letzte Antwort am 9. Januar 2006

Tags: Frage

daniel_m_ww ·

guten morgen!

Hab eine Frage.
Möchte ein Menü erstellen, dessen Grafiken ich im ordner fileadmin/images abgelegt hab.
Bisher sieht mein Code so aus:

MENU_OBEN = GMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 46
MENU_OBEN.1 = GMENU
MENU_OBEN.1.NO = 1
1.NO {
10 = IMAGE
10.file = fileadmin/images/malu_neu_menu_03.jpg

20 = IMAGE
20.file = fileadmin/images/malu_neu_menu_04.jpg

30 = IMAGE
30.file = fileadmin/images/malu_neu_menu_05.jpg
}

Aber es wird nichts angezeigt.
Als TextMenü hats funkioniert, dass also Links angezeigt wurden.

Wie bekomm ich denn die Grafiken dahin? Sind 3 stück die direkt nebeneinander stehen sollen.

Wäre super wenn mir jemand helfen könnte.

vielen Dank im Voraus für Antworten!

Schöne grüße

Daniel

magnetrixx ·

Hi Daniel,

also ich bin auch noch Anfänger, aber sitze auch an nem Grafikmenü (mit Rollover). Da du die Grafiken ja ins Fileadmin-Verzeichnis gelegt hast, werden diese statisch in dein Template integriert, oder seh ich das falsch?

1. Bei meinem Grafikmenü habe ich die Bilder im Template als Resource hinzugefügt.

2. Da wo die Bilder auf der Seite angezeigt werden sollen, baust du im HTML-Template einen entsprechenden Subpart oder Marker ein - ich glaube, das ist für diesen Fall egal - ich habe einen Subpart genommen.

3. Im Typoscript legst du dann den Subpart an. Ergebnis: die Bilder werden angezeigt.

Der Subpart heisst bei mir "MENU". Mein Typoscript dazu sieht so aus:

page = PAGE
page.bodyTag = <body bgcolor="{$bgCol}" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
page.stylesheet = stylesheet*.css
page.10 = TEMPLATE
page.10 {
 template = FILE
 template.file = template1*.htm
 workOnSubpart = DOCUMENT_BODY

 subparts.CONTENT < styles.content.get
 subparts.CONTENT.wrap = <div style="padding=10px"> | </div>

 subparts.MENU = HMENU
 subparts.MENU.1 = GMENU
 
 subparts.MENU.1.NO {
   XY = 80,80
   10 = IMAGE
   10.file = navi-hor-1-off*.jpg || navi-hor-2-off*.jpg || navi-hor-3-off*.jpg || navi-hor-4-off*.jpg || navi-hor-5-off*.jpg
 allWrap = <td width="90" height="100"><div align="right"> | </div></td>
}
 
 subparts.MENU.1.RO = 1
 subparts.MENU.1.RO {
   XY = 80,80
   10 = IMAGE
   10.file = navi-hor-1-on*.jpg || navi-hor-2-on*.jpg || navi-hor-3-on*.jpg || navi-hor-4-on*.jpg || navi-hor-5-on*.jpg

 allWrap = <td width="90" height="100"><div align="right"> | </div></td>
}

 subparts.MENU.1.ACT = 1
 subparts.MENU.1.ACT {
   XY = 80,80
   10 = IMAGE
   10.file = navi-hor-1-on*.jpg || navi-hor-2-on*.jpg || navi-hor-3-on*.jpg || navi-hor-4-on*.jpg || navi-hor-5-on*.jpg

 allWrap = <td width="90" height="100"><div align="right"> | </div></td>
}

Vielleicht hilft dir das weiter :-)

daniel_m_ww ·

Hi magnetrixx,

Danke für die Antwort. Die hilft mir weiter.
Hab da noch garnicht dran gedacht, einfach die Bilder mit nem Marker anzeigen zu lassen, das ist gut. Nur dann muss ich die Links wahrscheinlich manuell vergeben, also über wrap mit nem A Tag eingeben und dann die entsprechende ID der Seite anfügen. das sollte funktionieren, da die Seiten ID's sich ja eh nix ändern sollen 🙂

Danke für die Antwort!

Schöne Grüße

Daniel

magnetrixx ·

Jau gern geschehen!

Ich hab auch grad nen neuen Thread zum Thema entryLevel gestartet. Vielleicht kannste da mal reinschauen, falls du schonmal damit gearbeitet hast :-)

Tschö! dann :-)
magnetrixx

sordid ·

hab dazu mal ne frage: was bedeutet der Stern (*) in den Bildnamen?
zum beispiel:

navi-hor-4-off*.jpg

tandem ·

Hallo,

der Stern steht stellvertretend für eine Nummer im Dateinamen, den Typo bei Änderungen des Bildes automatisch erzeugt.