[TYPO3-german] CASE für GMENU wrap

JoH info at cybercraft.de
Tue Feb 12 17:55:48 CET 2008


> D.h. Ich muss im GMENU beim RO und ACT nicht nur den aktuellen Button
> austauschen sondern die Navi-Elemente davor und danach auch irgendwie
> manipulieren. Deshalb dachte ich mir nach UID zu suchen und die
> <li>-tags so zu beeinflussen.
>
> Ca. so
> <li class="NO{field:uid}-schatten-davor">|</li> || <li>
> class="NO{field:uid}-aktiv">|</li> || <li
> class="NO{field:uid}-schatten-danach">|</li>
>
> Aber vielleicht ist das total doof und es gibt eine ganz einfache
> Lösung

In einem GMENU wird das schwierig, weil Du da nicht mit CSS hover arbeitest 
sondern mit JavaScript.
Aber total doof ist der Ansatz eigentlich nicht, aber eben auch nicht 
dynamisch.
Sprich: Wenn dort oben eine Seite reinkommt, mußt Du für deren uid alles 
manuell neu anlegen.

Ich würde das mit einem TMENU lösen, das per GIFBUILDER Hintergrundgrafiken 
bekommt.
Das ist zudem noch besser für Suchmaschinen und Screenreader.
Die Schatten sollten sich mit Hilfe von z-index, geschickter 
Positionierung/Überlappung sowie einem zusätzlichen Element für den rechten 
Schatten, das nur bei over oder ACT eingeblendet wird, erreichen lassen.

Die einzelnen <li> müssen dazu einen von links nach rechts absteigenden 
z-index sowie position:relative left:-123px erhalten, dann kannst Du den 
Schatten mit position:absolute platzieren. Der linke Schatten ist einfach 
Bestandteil eines jeden Menüelements, wird aber durch die Überlappung hinter 
den anderen Elementen versteckt. Bei over und ACT gibts dann lediglich eine 
Änderung des z-index, damit er nach vorne geholt wird.

HTH

Joey






More information about the TYPO3-german mailing list