TMENU_LAYER wie www.riscossa.it

Hallo, liebe Scripter. Da ich leider kein Posting verschieben kann poste ich hier mein Anliegen noch einmal neu!

Ich habe mich durch einige Tutorials durchgelesen, aber keine vernünftige Erklärung gefunden, wie man ein TMENU_Layer wie unter

www.riscossa.it

in TypoScript realisieren kann. Könnt Ihr mir helfen?

Korban

page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
page.10 = HMENU
page.10.1 = GMENU_LAYERS
page.10.1 {
layerStyle = position:absolute;VISIBILITY:hidden;
xPosOffset = -30
lockPosition = x
expAll=1
leftOffset = 15
topOffset = 30
}
page.10.1.NO {
backColor = #cccccc
XY = [10.w]+10, 14
10 = TEXT
10.text.field = title
10.offset = 5,10
}
page.10.2 = GMENU
page.10.2.wrap = <nobr>|</nobr>
page.10.2.NO {
backColor = #99cccc
XY = [10.w]+10, 14
10 = TEXT
10.text.field = title
10.offset = 5,10
}

## Das sollte es sein

Hallo maka77,

wenn ich mir Deine Hilfe durchlese, dann finde ich den Eintrag "GMENU". Ich will das Ganze aber per "TMENU" realisieren, also auf Textbasis.

Wie sieht es da aus?

Das ganze ist auch als Tmenu erstellt nicht als gmenu.. nur wie geht das??

Das ist doch immernoch die eigentliche Frage. Man sollte mal den Autor von der Seite anschreiben und nett fragen.

Hallo Korban,

würde auch gerne erfahren wie er das gemacht hat, haste du bei dem Autor mal nachgefragt? Wenn ja wäre es nett wenn du das Tscript hier posten könntest.

gruß
manfredo

Hallo,

ich hätte da wohl auch Interesse daran :-) und würde mich ebenfalls über den Code freuen.

Grüße,
Oliver

Bedenkt aber bitte das dieses Menü nicht mit dem Opera 7 funktioniert!!!
Alle Menüelemente werden im Opera links oben in der Ecke angezeigt.

Gruß
Thorsten

Opera hin, Opera her zunächst einmal wäre es klasse, wenn der Autor sich melden könnte. Habe ihn angeschrieben, er / sie hat sich jedoch bis dato noch nicht gemeldet. Muss ich vielleicht noch einmal nett fragen.

Hat schon jemand dieses Menü erstellt??

ich melde auch schon mal Interesse an

So. Erste Ergebnisse. Ich habe ein Menu auf TMENU_LAYERS Basis hinbekommen. Leider springt die 3te Ebene noch irgendwo hin und ich weiß nicht warum. Soll ich euch den Code posten?

Habt Ihr Interesse?

Hier der Code:

page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php
page = PAGE
page.stylesheet = fileadmin/krohne/foldout.css
page.typeNum = 0
page.10 = TEMPLATE

page.10 {

template = FILE
template.file = fileadmin/krohne/foldout.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get

# subparts.MEDAILLE =

marks.MEDAILLE = HMENU
marks.MEDAILLE.1 = TMENU_LAYERS

marks.MEDAILLE.1 {
hideMenuWhenNotOver = 150

#realtiveToTriggerItem = 1 Lässt das Menu wegpoppen genau da wo der Eintrag beginnt
relativeToTriggerItem = 1
#relativeToParentLayer = 1

topOffset = 18

expAll=1
NO {
#HIER IST DER OBERSTE LAYER, also das Hauptmenu!

allWrap = <TD>|</TD>
ATagBeforeWrap = 1
ATagParams = class="hauptmenu"
backColor = #cccccc

10 = TEXT
10.text.field = title

}
}

marks.MEDAILLE.2 = TMENU_LAYERS
marks.MEDAILLE.2 {
#layerStyle = position:absolute;VISIBILITY:hidden;
#relativeToTriggerItem = 1
expAll=1
NO {

#relativeToTriggerItem = 1
ATagBeforeWrap = 1
ATagParams = class="hauptmenu"
backColor = #cccccc

10 = TEXT
10.text.field = title
}
}

marks.MEDAILLE.3 = TMENU

relativeToParentLayer = 1

marks.MEDAILLE.3 {

expAll=1
NO {

ATagParams = class="dritteebene" style="padding-right:10px;padding-left:10px;"
10 = TEXT
10.text.field = title
}
}

}

Ach ja, so richtig Sinn macht es ja auch erst, wenn Ihr das Stylesheet habt. Leider ist der ganze Auftritt noch PW geschützt und das kann ich euch leider nicht geben. Dann halt so:

a.fuss {color:#FFFFFF}
a.fuss:active {color:#FFFFFF}
a.fuss:visited {color:#FFFFFF}
a.fuss:hover {color:#FF1111}

a.lino {text-decoration: none; color: #FFFFFF;}
a.lino:hover {text-decoration: none; color: #FFAC34;}

a.linoblack {text-decoration: none; color: #000000;}
a.linoblack:hover {text-decoration: none; color: #FFAC34;}

a.abwhite {text-decoration: none; color: #FFFFFF;}
a.abwhite:hover {text-decoration: none; color: #FFAC34;}

a.pfadfinder {text-decoration: none; color: #000000;}
a.pfadfinder:hover {text-decoration: underline; color: #FFAC34;}

.hpadding { color: #483d8b; font-weight: bolder; font-size: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular; }
.textpadding { color: #000; font-size: 10px; line-height: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px; }
// a { color: #000000; font-size: 12px; font-family: Geneva, Helvetica, Arial, "Times New Roman", Times, Georgia, Swiss, SunSans-Regular; text-decoration: none; hover: FF00FF }
// a:hover {color:#FF1111}

h2 { color: #fff; font-size: 11px; line-height: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
h3 { color: black; font-size: 11px; line-height: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
h4 { color: #fff; font-style: normal; font-weight: lighter; font-size: 10px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
p { color: black; font-size: 9pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }a {text-decoration:none}

UL { padding-left:0.4cm; color: black; font-size: 9pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }a {text-decoration:none}

TD { color: black; font-size: 9pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }a {text-decoration:none}
TD#bottomline { background-color:#2A66AF;; fontcolor: RED; font-size: 9pt; line-height: 12pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }

a.footer {color:#FFFFFF}
a.footer:active {color:#FFCD8C}
a.footer:visited {color:#FFFFFF}
a.footer:hover {color:#FFCD8C}

a.hauptmenu:visited {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
// padding-bottom: 5px;
// padding-left: 10px;
// padding-right: 10px;
// padding-top: 3px;
text-decoration: none;
display: block;
}

a.hauptmenu:hover, a.hauptmenu:active {
background: #E9E7E2;
color: #993300;
}

a.hauptmenu, a.hauptmenu:visited{
background: #E9E7E2;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
color: #993300;
display: block;
font: 200 12px Verdana,Helvetica,Geneva,Arial,sans-serif;
// padding: 3px;
text-decoration: none;
display: block;
}

a.hauptmenu:hover, a.menumainfo:active{
background: #FFFFFF;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
color: #993300;
display: block;
font: 200 12px Verdana,Helvetica,Geneva,Arial,sans-serif;
text-decoration: none;
display: block;
}

a.news {color:#FF0000}
a.news:active {color:#FFCD8C}
a.news:visited {color:#FFFFFF}
a.news:hover {color:#FFCD8C}

TD#portalfooter {font-family:Arial,Helvetica,sans-serif; font-size: 10px; color:#FFFFFF; background-color:#2A66AF; padding-left:0.3cm}
TD#bannerhead {background-image:url(http://195.4.191.72/t1/grafix/k_bg_top.jpg); background-repeat: no-repeat;}
TD#bgnewsgroup {background-image:url(http://195.4.191.72/t1//grafix/headline_spacer.gif);}

TD#newsheadline {font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#2A66AF; background-color:#FFFFFF; padding-left:0.1cm; font-weight:bold; }
TD#headline {font-family:Arial,Helvetica,sans-serif; font-size: 14px; color:#2A66AF; background-color:#FFFFFF; padding-left:0.1cm; font-weight:bold; }
TD#subline {font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:bold; }
TD#bodynews {font-family:Arial,Helvetica,sans-serif; font-size: 11px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:nromal; line-height:16px; padding-right:0.3cm;}
TD#bodytradeshows {font-family:Arial,Helvetica,sans-serif; font-size: 11px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:nromal; line-height:20px; padding-right:0.3cm; }
TD#newsgroup {font-family:Arial,Helvetica,sans-serif; font-size: 9px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:normal; }

td#borderleft {border-left-width:0px; border-style:solid; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-color:#2A66AF;}
td#borderright {border-left-width:0px; border-style:solid; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; border-color:#2A66AF;}

TD#topic {font-family:Arial,Helvetica,sans-serif; font-size: 14px; color:#FFFFFF; background-color:#2A66AF; padding-left:0.1cm; font-weight:bold; }
TD#nav1 { text-align:center; width:10px; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; font-size: 10px; color:#FFFFFF; background-color:#2A66AF; font-weight:normal; }
TD#nav2 { vertical-align:middle; font-family:Arial,Helvetica,sans-serif; font-size: 10px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:normal; }

TD#nav5 {height:30px; vertical-align:middle; font-family:Arial,Helvetica,sans-serif; font-size: 10px; color:#000000; background-color:#FFFFFF; padding-left:0.1cm; font-weight:normal; }

TD#nav3 {height:3px; background-color:#FFFFFF; padding-left:0.1cm; }

TD#nav8 { vertical-align:middle; font-family:Arial,Helvetica,sans-serif; font-size: 12px; color:#000000; background-color:#BCBCBC; padding-left:0.1cm; font-weight:bold; }

a.navi3 {color:#000000}
a.navi3:active {color:#FFCD8C}
a.navi3:visited {color:#000000}
a.navi3:hover {color:#FF1111}

select {background-color:#FFFF; color:#2A66AF; Arial,Helvetica,sans-serif; font-size: 12px; scrollbar-base-color: #2A66AF;}
.textbox {background-color:#FFFF; color:#2A66AF; Arial,Helvetica,sans-serif; font-size: 12px; scrollbar-base-color: #2A66AF;}

BODY {scrollbar-face-color: #2A66AF; scrollbar-highlight-color: #E9F3FF; scrollbar-shadow-color: #E9F3FF; scrollbar-3dlight-color: #D6D3CE; scrollbar-darkshadow-color: #D6D3CE; scrollbar-arrow-color: #D6D3CE; scrollbar-track-color: #E9F3FF;}

H1 {font-family:Arial,Helvetica,sans-serif; font-size: 14px; color:#999999; font-weight:bold; }
H2 {font-family:Arial,Helvetica,sans-serif; font-size: 16px; color:#FFFFFF; padding-left:0.1cm; font-weight:bold; }
H3 {font-family:Arial,Helvetica,sans-serif; font-size: 14px; color:#FFFFFF; padding-left:0.1cm; font-weight:bold; }

a.dritteebene:visited {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
// padding-bottom: 5px;
// padding-left: 10px;
// padding-right: 10px;
// padding-top: 3px;
text-decoration: none;
display: block;
}

a.dritteebene:hover, a.dritteebene:active {
background: #E9E7E2;
color: #993300;
}

a.dritteebene, a.dritteebene:visited{
background: #E9E7E2;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
color: #993300;
display: block;
font: 200 12px Verdana,Helvetica,Geneva,Arial,sans-serif;
// padding: 3px;
text-decoration: none;
display: block;
position:absolute;
top:auto
}

a.dritteebene:hover, a.dritteebene:active{
background: #FFFFFF;
border-bottom: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
color: #993300;
display: block;
font: 200 12px Verdana,Helvetica,Geneva,Arial,sans-serif;
text-decoration: none;
display: block;
}

Hallo Korban,

habe mit Hilfe Deines Postings nun endlich ein Menü mit Layern, aber ohne Grafiken. Vielen Dank! Ich möchte nicht unverschämt sein, aber ich hätte da noch eine kleine Frage bzw. Bitte:

sollte dir die richtige Positionierung der dritten Menüebene gelingen, würde ich mich über ein stück Code sehr freuen. Werde es selbst natürlich auch probieren.

DANKESCHÖN

Hab das Problem mit der dritten Ebene gelöst! Kennt jemand eine Möglichkeit, wie ich beispielsweise eine Grafik (kleine Pfeil) ins Menü integrieren kann, oder vielleicht eine Hintergrundgrafik?

page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php
page = PAGE
page.stylesheet = fileadmin/krohne/foldout.css
page.typeNum = 0
page.10 = TEMPLATE

page.10 {

template = FILE
template.file = fileadmin/krohne/foldout.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get

# subparts.MEDAILLE =

marks.MEDAILLE = HMENU
marks.MEDAILLE.1 = TMENU_LAYERS

marks.MEDAILLE.1 {
hideMenuWhenNotOver = 150

#realtiveToTriggerItem = 1 Lässt das Menu wegpoppen genau da wo der Eintrag beginnt
relativeToTriggerItem = 1
#relativeToParentLayer = 1

topOffset = 18

expAll=1
NO {
#HIER IST DER OBERSTE LAYER, also das Hauptmenu!

allWrap = <TD>|</TD>
ATagBeforeWrap = 1
ATagParams = class="hauptmenu"
backColor = #cccccc

10 = TEXT
10.text.field = title

}
}

marks.MEDAILLE.2 = TMENU_LAYERS
marks.MEDAILLE.2 {
hideMenuWhenNotOver = 150
relativeToTriggerItem = 1
topOffset = 243
leftOffset = 548
expAll=1
NO {

#relativeToTriggerItem = 1
ATagBeforeWrap = 1
ATagParams = class="hauptmenu"
backColor = #cccccc

10 = TEXT
10.text.field = title
}
}

marks.MEDAILLE.3 = TMENU

relativeToParentLayer = 1

marks.MEDAILLE.3 {

expAll=1
NO {

ATagParams = class="dritteebene" style="padding-right:10px;padding-left:10px;"
10 = TEXT
10.text.field = title
}
}

Stylesheet von Korban nicht vergessen siehe oben!

Hier der Code für ein vertikal aufklappendes Layertextmenü:

page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php 
page = PAGE 
page.stylesheet = media/uploads/kunde/grafiken/ccs_text_layer.css
page.typeNum = 0 
page.10 = TEMPLATE 

page.10 { 

template = FILE 
template.file = media/uploads/kunde/kunde.htm 
workOnSubpart = DOCUMENT_BODY 
subparts.CONTENT < styles.content.get 


# subparts.MEDAILLE = 

marks.MENU_LINKS = HMENU 
marks.MENU_LINKS.1 = TMENU_LAYERS 

marks.MENU_LINKS.1 { 

hideMenuWhenNotOver = 150 
relativeToTriggerItem = 1 
topOffset = 0
leftOffset = 198 
expAll=1 

NO { 
ATagBeforeWrap = 1 
ATagParams = class="hauptmenu" 
backColor = #cccccc 

10 = TEXT 
10.text.field = title 

} 
} 

marks.MENU_LINKS.2 = TMENU_LAYERS 
marks.MENU_LINKS.2 { 
hideMenuWhenNotOver = 150 
relativeToTriggerItem = 1 
topOffset = 243
leftOffset = 548 
expAll=1 
NO { 
 
ATagBeforeWrap = 1 
ATagParams = class="hauptmenu" 
backColor = #cccccc 

10 = TEXT 
10.text.field = title 
}
} 
marks.MENU_LINKS.3.topOffset = 0
marks.MENU_LINKS.3.leftOffset = 198
marks.MENU_LINKS.3 = TMENU_LAYERS 
marks.MENU_LINKS.3 { 
hideMenuWhenNotOver = 150 
relativeToTriggerItem = 1 
topOffset = 0
leftOffset = 198 
expAll=1 
NO { 

ATagBeforeWrap = 1
ATagParams = class="hauptmenu"
backColor = #cccccc  

10 = TEXT 
10.text.field = title 
} 
}
}




}

das mit der dritten ebene funktioniert bei mir leider immer noch nicht...

Da hast Du recht. Bei mir springt sie immer noch irgendwo hin. Auch wollte ich eventuell eine vierte haben, aber leider mussten andere Module erstmal funktionieren. So zum Beispiel läuft das Gallery Modul nun ohne Problem und ist richtig klasse!

und ich bekomme peinlicherweise das ganzenicht mal aktiviert ...
kann mir wer die templates und den setup code schicken?

wäre super nett

Meinst Du die Gallery? Oder die Navigation?

die navigation pri
aber ich wäre von beidem sehr angetan

Hallo,

langsam Frage ich mich, ob noch niemand ein TMENU_LAYERS hinbekommen hat mit 3 Ebenen. So schwer kann es nicht sein. Ich habe 3 Ebenen aktiviert bekommen, jedoch springt die 3te Ebene oben links hin, obwohl ich eigentlich die zweite Ebene kopiert, als 3te eingesetzt und modifiziert habe.

Kann es vielleicht am Script TMENU_LAYERS.php liegen?

Brauche eure Hilfe

Danke