Zum Inhalt springen

GMENU Erweiterung und RolloverEffekt

Erstellt am 20. Juni 2006 · 3 Antworten · letzte Antwort am 22. Juni 2006

Tags: Frage

sina3000 ·

Hallo
Ich möchte meinem LinkMenu (siehe Bild) den Rollovereffekt wie im Bild und rote Punkte vor den einzelnen Links setzen. Leider komme ich da nicht mehr weiter. Bitte um Unterstützung. Wie kann ich das umsetzen dass die Links als Rollover beim Drübergehen erscheinen und nach dem Klick soll das andersfarbig dargetellt werden wie im Bild.

Auch auf der linken Seite das Menu sollen die einzelnen Links Member 1 2 3 tc.
getrennt werden mit Unterstreichung und auch der Rollovereffekt soll vorhanden sein.

Kann mir hier niemand was dazu sagen oder eine nützliche Doku geben?

Bild: home.arcor.de/…/typo3.gif

Hier mein momentaner Script:

page = PAGE
page.typeNum = 0
page.bodyTag = <body topmargin="0" bottommargin="5" leftmargin="0" bgcolor="#FFFFFF">

page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template.html
workOnSubpart = DOKUMENT

marks.MENUOBEN = HMENU
marks.MENUOBEN.1 = GMENU
marks.MENUOBEN.1 {
NO {
expAll = 1
backColor = #1962AC
XY = [10.w]+15, 25
max = 180, 600
10 = TEXT
10.nicetext = 0
10.fontFile = t3lib/fonts/Arial.ttf
10.text.field = title
10.fontColor = #FFFFFF
10.fontSize = 10
10.offset = 5, 14
}

ACT < .NO
ACT = 1
ACT.10.fontSize = 10
ACT.10.fontColor = #FF0000
ACT.10.backColor = #3399FF

}

marks.MENUMAIN = HMENU
marks.MENUMAIN.entryLevel = 1
marks.MENUMAIN.1 = GMENU
marks.MENUMAIN.1 {
NO {
expAll = 1
transparentColor = #EEF6FF
backColor = #EEF6FF
wrap = | <br />
max = 240, 600
XY = 240,20
10 = TEXT
10.text.field = title
10.fontFile = t3lib/fonts/verdana.ttf
10.fontColor = #1962AC
10.fontSize = 10
10.offset = 5, 15

}

ACT < .NO
ACT = 1
ACT.10.fontSize = 12
ACT.10.fontColor = #B30B27
ACT.10.backColor = #D6E2F2

SPC < .ACT
SPC = 1
SPC.doNotShowLink = 0
SPC.backColor = #D6E2F2
SPC.10.fontColor = #FFFFFF
SPC.doNotLinkIt = 1
SPC.allWrap = <div class="leftnavspc">|</div>

}

marks.MENUMAIN = HMENU
marks.MENUMAIN.entryLevel = 1
marks.MENUMAIN.2 = TMENU
marks.MENUMAIN.2 {
NO {
expAll = 1
transparentColor = #EEF6FF
backColor = #EEF6FF
wrap = | <br />
max = 240, 600
XY = 240,20
10 = TEXT
10.text.field = title
10.fontColor = #1962AC
10.fontFile = t3lib/fonts/verdana.ttf
10.fontSize = 10
10.offset = 15, 12
}

ACT < .NO
ACT = 1
ACT.10.fontSize = 10
ACT.backColor = #D2DEF2

}

[/img]

WeVo ·

Also wenn ich Dich richtig verstanden habe soll beim linken Menü ein Rollover Effekt beim drüber gehen enstehen und beim aktiven Link soll ein roter punkt davor sein?

marks.MENUMAIN.1 = GMENU 
marks.MENUMAIN.1.NO = 1
marks.MENUMAIN.1.NO {
expAll = 1 
transparentColor = #EEF6FF 
backColor = #EEF6FF 
wrap = | <br>
max = 240, 600  #musst Du anpasen
XY = 240,20   # musst Du anpassen
5 = IMAGE
5.file = fileadmin/keinroterpunkt.gif 
10 = TEXT 
10.text.field = title 
10.fontFile = t3lib/fonts/verdana.ttf 
10.fontColor = #1962AC 
10.fontSize = 10 
10.offset = 5, 15 

} 
1.RO < .1.NO
1.RO {
      backColor = #F6E343
      10.fontColor = #000000
     }  

1.ACT < .1.NO 
1.ACT = 1
1.ACT { 
       5.file = fileadmin/roterpunkt.gif
       10.fontColor = #0F0F00 
      }

So hab mal ein bißchen geschrieben.
Die ein oder andere Sachen mußt Du noch anpassen. Aber ich denke dass es im groben Deine Frage klärt

Viele Grüße

Markus

sina3000 ·

Hallo Markus
Danke für Deine Antwort.

Ich möchte dass meine Menus wie im Bild aussehen. Der rote Punkt davor und Rollovereffekt bei dem oberen Menu auf der rechten Seiten rechts.

Der untere Menu auf der linken Seite soll bei Auswahl dann markiert hell werden und die Linien zwischen den Links sollen noch rein.

Ich habe dein Vorschlag probiert funktioniert aber nicht .

.ACT < .1.NO 
1.ACT = 1
1.ACT { 
       5.file = fileadmin/roterpunkt.gif
       10.fontColor = #0F0F00 
      }

Muss nicht bei ACT dann auch nicht eine backColor hin?

WeVo ·

Nein ACT ist aktive und übernimmt die Daten von NO somit mußt Du nur das angeben was nicht passt bzw. erneuert werden soll. Probier es nochmal aus