Zum Inhalt springen

Vertikales Menü mit vertikaler Schrift

Erstellt am 28. Dezember 2008 · 9 Antworten · letzte Antwort am 5. Januar 2009

Tags: Frage

cavalorn ·

Guten Abend,

ich habe vor langer Zeit mal eine TYPO3-Seite gemacht und wage mich jetzt an mein zweites Projekt. Hier im Forum wurde mir sehr geholfen, das ist in Erinnerung geblieben... Ich weiß noch so einiges, aber das meiste habe ich leider auch vergessen.

Ich möchte ein Menü realisieren, indem die Links und die Schrift vertikal angerichtet sind. Hier ein Bild aus meinem Template:

Bild: p25465.typo3server.info/…/menü.jpg

Ich frage mich, wie ich das jetzt am besten realisiere. Vielleicht kann man das ganze ja als TMENU machen, in etwa so:

page.5.marks.TOP_MENU = HMENU
page.5.marks.TOP_MENU.special = directory
page.5.marks.TOP_MENU.special.value = 4
page.5.marks.TOP_MENU.entryLevel = 0
page.5.marks.TOP_MENU.1 = TMENU
page.5.marks.TOP_MENU.1.NO {
linkWrap = <p>|</p> }

Das Problem hierbei ist, dass der Text dann horizontal erscheint und nicht vertikal. Gibt es dafür eine Lösung?

Oder empfehlt Ihr mir einen anderen Weg (etwas mit GMENU z.B., wobei ich das noch nie gemacht habe)?

Ich danke Euch jedenfalls für Eure Hinweise und wünsche einen netten Abend.

Gruß,
Thomas

freshman17 ·

Hi,

am einfachsten realisierst du sowas mit einem GMENU.

Hier ein gutes Tutorial von just2b:

#65143

Für dich sollte das Menü "2.3. Bildermenü (ohne Text)" interessant sein, sprich einfach deine vertikalen Menüpunkte als Images erstellen und diese jeweils für den jeweiligen Menüpunkt als Resource einbinden.

Gruß freshman

cavalorn ·

So, ich habe das jetzt mal mit dieser Anleitung gemacht.

Habe die Seitentypen auf Erweitert umgestellt und die Buttons als jpg hochgeladen. Folgendes TS kommt zum Einsatz, wobei "8" der Startpunkt des Menüs ist:

# Left menu
page.10.marks {

SMALLMENU = HMENU
SMALLMENU = {
   
  special = directory
  special.value = 8
  1 = GMENU
  1.noBlur = 1
  1.wrap = <p> | </p>
  1.NO = 1
  1.NO {
    imgParams = border="0"
    altImgResource.import = fileadmin/images/buttons/
    altImgResource.import.field = media
    # 0 steht für das 1. Bild in den Seiteneigenschaften
    altImgResource.import.listNum = 0
  }
  1.ACT < .1.NO
  1.ACT {
    # 1 steht für das 2. Bild in den Seiteneigenschaften (für den RO-Effekt)
    altImgResource.import.listNum = 1
  }
  1.RO < .1.ACT
}

}

Das RO-Bild habe ich bis jetzt nicht hochgeladen. Wenn ich mir die Seite anschaue, wird mir im Page Source nichts angezeigt. Mein Placeholder wurde ausgelesen, aber es wird nichts generiert.

Seht ihr da einen Fehler? Ich denke, er ist im TS zu suchen...

}

d.​walter ·

Hallo cavalorn,

eigentlich ging es ja nur darum, den Code abzuschreiben!!

Das ist dir bis auf Zeile 15 auch gut gelungen.

Tausch mal deine gegen folgendes aus:

altImgResource.import = uploads/media/

Daniel

cavalorn ·

Hallo d.walter,

Du hast nicht ganz unrecht. Mit meinem begrenzten TYPO3-Wissen muss ich immer auf Samples zurück greifen. Die versuche ich dann nachzuvollziehen und auf mein Projekt zu übertragen.

Das uploads/media weißt dann wahrscheinlich darauf hin, dass die Bilder aus dem Upload der "Advanced"-Seite genommen werden. Vielen Dank!

Ich habe das jetzt mal ausgetauscht, habe aber immer noch dasselbe Problemen. Nach wie vor werden die Buttons nicht angezeigt... Habe ich noch an einer anderen Stelle etwas übersehen?

freshman17 ·

Ist auch

special.value

richtig gesetzt? Sollte sich auf den Startpunkt beziehen!

Bild: webuser.hs-furtwangen.de/…/value.jpg

und auch richtig eingebunden?

Bild: webuser.hs-furtwangen.de/…/resource.jpg

Hier bitte nochmal den Namen überprüfen da Typo3 oft eine _01 an den Namen hinzufügt. Hier im Beispiel ist nur ein Bild eingebunden also trifft folgende Zeile zu:

altImgResource.import.listNum = 0

Wären mehrere Bilder in dem Feld dann müsstest du den Zähler auch dementsprechend erhöchen. Außerdem kann der Pfad beliebig sein 😉

Hoffe das Prinzip ist verstanden

Gruß freshman

cavalorn ·

Danke für die Anregungen, ich habe Deine Liste mal durchgearbeitet:

Den special value hatte ich auf eine Seite tiefer ("Home im nachfolgenden Bild) gesetzt. Habe das jetzt auf die übergeordnete Seite (die nur für die Struktur da ist und nicht angezeigt wird - Shortcut auf eine andere Seite) verändert. Funktioniert leider immer noch nicht. Ich habe also den Punkt "smallmenu" (2) genommen:

Bild: p25465.typo3server.info/…/struktur.jpg

Es wird kein HTML an der Stelle ausgegeben.

Ansonsten habe ich auch auf jeder Seite nur ein Bild - listNum = 0 müsste also richtig sein.

Habe ich vielleicht in meinem TS irgendwo eine Klammer falsch gesetzt? Ich poste mal das gnze Ding:

page = PAGE

# General page settings
page.bodyTag = <body>
page.stylesheet = fileadmin/style.css
page.meta.AUTHOR = xxxxxxxxxx
page.meta.DESCRIPTION = xxxxxxxxxx


# Template integration
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/index.html
page.10.workOnSubpart = DOCUMENT


# Left menu
page.10.marks {

SMALLMENU = HMENU
SMALLMENU = {
   
  special = directory
  special.value = 2
  1 = GMENU
  1.noBlur = 1
  1.wrap = | 
  1.NO = 1
  1.NO {
    imgParams = border="0"
    altImgResource.import = uploads/media/
    altImgResource.import.field = media
    # 0 steht für das 1. Bild in den Seiteneigenschaften
    altImgResource.import.listNum = 0
  }
  1.ACT < .1.NO
  1.ACT {
    # 1 steht für das 2. Bild in den Seiteneigenschaften (für den RO-Effekt)
    altImgResource.import.listNum = 1
  }
  1.RO < .1.ACT
}

}

}



page.10.marks {
# Content
MIDCON = CONTENT
MIDCON {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}

}

Da muss irgendwo der Wurm drin stecken...

Polygnom ·

So guten Morgn

bin mal kurz über deinen code geflogen

auf den ersten blick 2 fehler

}

eine zuviel z.b. Zeile 46

1.ACT
1.RO

die beiden müssen immer aktiviert werden

also

1.ACT = 1
1.RO = 1

auf den ersten Blick war es das

cavalorn ·

Vielen Dank für Deine Antwort. Ich habe das mal so gemacht, wie Du es mir vorgeschlagen hast.

Wenn ich die Klammer lösche, ist gleich alles hinfällig - dann formatiert er alles so merkwürdig, dass ich mir nur vorstellen kann, dass die doch richtig ist.

Die Zustände von RO und ACT habe ich auf 1 gesetzt - passiert leider immer noch nichts 🙁