Zum Inhalt springen

Menu mit verschieden farbigen Spalten

Erstellt am 9. November 2004 · 12 Antworten · letzte Antwort am 20. November 2004

Tags: Frage

ralf321 ·

Hallo!

ich versuche ein menu wie zb das http://www.tiscover.at/at/guide/66203sy,de,SCH1/objectId,MKA111987at,curr,EUR,season,at1,selectedEntry,home/home.html
zu realisieren.
das menu geht soweit auch allerdings nur einfarbig.
Wie bekomme ich das nun hin das jede menu spalte ein anderes css bekommt.
Mein css wird immer nur für das ganze menu verwendet und mit treeleveln ist das auch nicht zu lösen.

Mit der optionSplit kann ich bis jetzt nur in jedem aufklappenden layer mit

allWrap = <tr><td class="menu1_main2"> | </td></tr> |*|<tr><td class="menu1_main2_bl"> | </td></tr>|*|<tr><td class="menu1_main2"> | </td></tr>
                   }

die einzelnen Menupunkte die Farben ändern. (oder abwechselnd)

Kann ich mit der optionSplit das menu horizontal aufteilen?

Für alle tipps dankbar
gruss

HansMaulwurf ·
ATagParams = class1 |*| class2|*|class3

und die einzelenen Können auch nochmal geschachtelt werde z.B.

ATagParams = class1 || class2 ||class3|*|class4||class5||class6 |*|class7||class8||class9

bei einem TMENU

mfg Hans

ralf321 ·

Danke erstmal,aber ich bekomme es absolut nicht hin das die einzelnen Spalten unterschiedlich farbig sind.
Mit einzelnen Zeilen kein Problem aber die Spalten (wie obriger link im Layer menu)

Hier mein Menu code:

   # Benoetigte Libaries einfuegen
   page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php

   # Menu erzeugen
   temp.MENU_MAIN = HMENU

   # MENU EBENE 1 ####

     # Ebene 1 erzeugen
     temp.MENU_MAIN.1 = TMENU_LAYERS
     # Eigenschaften Ebene 1
     temp.MENU_MAIN.excludeUidList = 52,53,54,56,57,58,59,60,61
     temp.MENU_MAIN.1 {
 
                layerStyle = position:absolute;VISIBILITY:hidden;

                # Menu verankern, damit es nicht der Maus folgt
                lockPosition = x

                # Position wo sich die naechste Ebene oeffnen soll (Ebene 2)
                relativeToParentLayer=1
                relativeToTriggerItem=1
                topOffset=16
                leftOffset=0
                # Angabe wann sich die naechste Ebene wieder schliessen soll
                hideMenuWhenNotOver = 50
                hideMenuTimer = 70

                # alle Menuepunkte anzeigen
                expAll=1

                # Darstellung der aktuellen Ebene
                wrap = <table border="0" cellspacing="0" cellpadding="0" ><tr>|</tr></table>
                # Darstellung im Normalmodus
                NO {
                    allWrap = |*|<td class="menu1_main"> | </td>|*|<td class="menu1_main_e"> | </td>
                   }
                # Darstellung wenn Aktiv
                ACT = 1
                ACT {
                     allWrap =  |*|<td class="menu1_main_act"> | </td>|*|<td class="menu1_main_act_e"> | </td>
                     }

                # Ende Ebene 1
                }


   # MENU EBENE 2 #

     # Ebene 1 erzeugen
     temp.MENU_MAIN.2 = TMENU_LAYERS
     # Eigenschaften Ebene 1
     temp.MENU_MAIN.2 {

                layerStyle = position:absolute;VISIBILITY:hidden;

                # Menu verankern, damit es nicht der Maus folgt
                lockPosition = x

                # Position wo sich die naechste Ebene oeffnen soll (Ebene 2)
                relativeToParentLayer=1
                relativeToTriggerItem=1
                topOffset=0
                leftOffset=140


                # alle Menuepunkte anzeigen
                expAll=1

                # Darstellung der aktuellen Ebene
                 wrap = <table border="0" cellspacing="0" cellpadding="0" class="menu1_main2">|</table>
                # Darstellung im Normalmodus
                NO {
[color=red]# ****[/color]

                     allWrap = <tr><td class="menu1_main2"> | </td></tr>
                   }
                # Darstellung wenn Aktiv
                ACT = 1
                ACT {                  
                [color=red]# ****[/color]
                 allWrap =  <tr><td class="menu1_main2_act"> | </td></tr>
                    }
                # Ende Ebene 2
                }

Habe es an den stellen # **** mit

ATagParams = class="ATagParams = class="menu1_main2_bl"||menu1_main2_bl"|*|class="menu1_main2"|*|class="menu1_main2_bl"

oder

backColor = white|*|blue|*|black

versucht. Kann so aber nur Zeilen einfaerben und keine ganzen Spalten.

Könntest du mir sagen wo ich das reinsetzten muss das es klappt?

Danke

HansMaulwurf ·

Also im Link wurde wahrscheinlich ein GMENU_FOLDOUT benutzt würde ich jetzt mal schätzen!

Hmm da wurde dann nur die Hintergrund Farbe geändert!

Gruss

ralf321 ·

weis nicht warum ich ein foldout brauche,
mein Anliegen war wie ich in einem Text Layer menu, wie obriges im link, verschiede Farben hinbekomme.

Ein normales layer menu steht mit TS, so wir das obrige, nur hätte ich das halt gern einfach in typo mit verschiedenen farben und nicht nochmals ein neus mit js nachgebaut.
wenn ich das wollte hätte ich es ja gleich in js machen können und ohne ts.

habe noch den tipp bekommen für jedes ein einzelnes menu zu bauen was bei 8 menus aber auch nicht gerade die eleganteste lösung ist.

dachte sowas hat evtl. ja schonmal jemand gemacht.

jenses ·

Hallo Ralf,

natürlich brauchst du kein Foldout-menü,
weil es ja gar nicht das liefert, was du haben willst.
Das sollte aus dem Screenshot ja wohl eindeutig hervorgehen. 😉

So ein Menü wie auf der Seite "Tiroler Privatquartier" kannst du
ganz einfach erzeugen mit G- oder TMENU_LAYERS.
Du mußt nur die entsprechenden NO,RO, ACT-Zustände und beforeImg definieren und mit optionSplit arbeiten oder die Hintergrundfarben auf anderem Wege mitgeben.
Fertigen Code liefere ich dir allerdings nicht,
das wäre ja auch langweilig:
nur fertige Codeschnipsel zusammen kopieren ! 🙂

viele Grüße
jenses

ralf321 ·

Na das menu habe ich ja schon lange siehe code oben. bloss kriege ich net hin wo ich was mit der option split spliten soll das die spalten farbig werden. zeilen usw ist ja kein problem.

mstuebner ·
ralf321 schrieb

Na das menu habe ich ja schon lange siehe code oben. bloss kriege ich net hin wo ich was mit der option split spliten soll das die spalten farbig werden. zeilen usw ist ja kein problem.

Ich hab jetzt nicht den ganzen Thread gelesen, aber wenn es doch um TS und nicht um externen JSCode geht, dann wäre das Setzen der Hintergrundfarbe in Abhängigkeit der jeweiligen Level1 Seite der Weg den ich einschlagen würde.

Also:

PDIinRootline = Oberste Seite der Spalte 1 ==> Farbe 1
PDIinRootline = Oberste Seite der Spalte 2 ==> Farbe 2
PDIinRootline = Oberste Seite der Spalte 3 ==> Farbe 3