Zum Inhalt springen

Menu mit unterschiedlichen Bildern

Erstellt am 22. Dezember 2006 · 3 Antworten · letzte Antwort am 22. Dezember 2006

Tags: Bilder, Frage

Morgenstunden ·

Moin zusammen,

ich bin sicher, dass ich nicht der erste mit diesem Problem bin, suche nun aber schon seit geraumer Zeit.

Hier die Frage:

ich will als Hauptmenu ein Menu mit Bildern.
Allerdings soll jeder Menüpunkt ein eigenes Bild bekommen.

Mir ist nicht klar wo ich die Bilder hinterlegen muss.
Ich habe es versucht, sie in den einzelnen Seiten zu hinterlegen (Seitentyp Erweitert/Advanced), weiss aber nicht wie ich sie auslesen kann.

Kann mir bitte jemand einen Tip geben (Tutorial, Forumseintrag)?

Vielen Dank und liebe Grüße Jörg

Morgenstunden ·

Okay,

bin ein gutes Stück weiter gekommen. Erstmal mein Code:

page.10 = HMENU
page.10 {
 1 = TMENU
 1{
  wrap = <table class="mainnavi" cellspacing="0" cellpadding="0"><tr><td class="white"></td><td class="mainnav"></td>|    <td class="white"><td class="mainnav"></td><td class="white"></td></tr><tr><td colspan="15" class="white"></td></tr><tr><td class="px"><td class="line"></td><td class="px"><td class="line" colspan="9"></td><td class="px"><td class="line"></td><td class="px"></td></tr></table>
  NO = 1
  NO{
    after.dataWrap = NO{
    after.dataWrap = <td class="white"></td><td valign="top"><img src="fileadmin/CCT/images/0_{field:title}.gif" width="120" height="101"></td>
    wrapItemAndSub = <td>|</td>
  }
  RO = 1
  RO{
    after.dataWrap = <img src="fileadmin/CCT/images/1_{field:title}.gif" width="120" height="101"> |
    wrapItemAndSub = <div></div>
  }
  CUR = 1
  CUR{
    after.dataWrap = <img src="fileadmin/CCT/images/1_{field:title}.gif" width="120" height="101"> |
    wrapItemAndSub = <div></div>
  }
 }

Allerdings gibt er mir jetzt noch vor jedem Bild den Namen des Titels der Seite aus.

Wieso?? Wie kann ich das umgehen?
Ausserdem funktioniert der RO-Effekt nicht...

Hat wer nen Tip?

Viele Grüße Jörg

toyde ·

Willkommen im Forum,

Navigationsstruktur
Würde keine Tabelle dafür verwenden. Geht mit Div oder List-Menues einfacher.

wrap
Weshalb so ein Konstrukt?

  NO = 1
  NO{
    after.dataWrap = NO{
    after.dataWrap = <td class="white"></td><td valign="top"><img src="fileadmin/CCT/images/0_{field:title}.gif" width="120" height="101"></td>
    wrapItemAndSub = <td>|</td>
  }

RO im TMENU
Zwar in der Referenz aufgelistet, ist generell aber Schwachsinn. Formatier textbasierte Navigationen mit CSS. Klassen kann man je Struktur individuell vergeben. RO macht nur bei GMENU Sinn.

Allerdings soll jeder Menüpunkt ein eigenes Bild bekommen.

Interessanter Ansatz mit dem field:title - aber die angeschnittene Lösung über Erweitert/Advanced ist angenehmer. V.A. kann man dabei Bilder ohne Script-Anpassung austauschen.

Allerdings gibt er mir jetzt noch vor jedem Bild den Namen des Titels der Seite aus.

Richtig, TMENU gibt Text aus 😉 . Das müsstest Du entsprechend anpassen.

Wie sieht die Navigation überhaupt aus? Wenn Du ohnehin nur Bilder haben möchtest, schreib von vornerein ein GMENU.

grüsse

Morgenstunden ·

Vielen Dank schon mal für die Hinweise.

Erstmal wie es werden soll:

Bild: morgenstunden.com/…/Navi-soll.jpg

So wie es im Moment noch aussieht:

Bild: morgenstunden.com/…/Navi-ist.jpg

Ich habe das Menü mit Tabellen gemacht, da ich die CSS-Datei schon als vorgabe gekriegt habe.

wrap
Weshalb so ein Konstrukt?

Ich dachte das benötige ich um die Variable zu parsen.

Interessanter Ansatz mit dem field:title - aber die angeschnittene Lösung über Erweitert/Advanced ist angenehmer. V.A. kann man dabei Bilder ohne Script-Anpassung austauschen.

Okay, ne Idee wie das aussehen müßte?

Und was für nen Menu muss ich nehmen, damit er mir den Text nicht anzeigt?
GMENU? Aber dann macht er mir nen Bild rein, oder?

Greets Jörg