Zum Inhalt springen

TMENU_LAYER wie www.riscossa.it

Erstellt am 28. April 2003 · 55 Antworten · letzte Antwort am 15. April 2004 · Seite 1 von 3

Tags: Frage

korban ·

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;
}

Jakob Lipps ·

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

Jakob Lipps ·

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 
} 
}
}




}
korban ·

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!

Frescha ·

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

wäre super nett

korban ·

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

Frescha ·

ginge das wenn jemand den kopletten quellcode von template, setup und content bereitstellt das jeder auf dem gleichen stand ist?

korban ·

Es nützt nur derzeit noch nichts. Die dritte Ebene springt. Habe leider noch nicht den Patch durchführen können, da einer unserer TYPO3 Server weggeraucht ist.
Aber hier im Forum befindet sich doch schon der gesamte Template Kram. Constant und Setup.

Frescha ·

hi
könnte jemand den aktuellen stan ddes problems posten? Ich würde gerne weitermachen. Habe zur zeit genug Luft um solche Probleme zu lösen. Danke

styriansoft ·

Ich hätte auch interesse an dieser menü - variante. vielleicht wäre es möglich die aktuellen daten nochmals zu posten (template, script etc.)