Nein Ich habe nichts ausgelagert. Ich hätte gar keine Ahnung wie ich das anstellen könnte 😃
Ich habe das was ich oben beschrieben habe im Setup stehen. Für das Menü ist es fast 100% copy and paste ich habe nur den Include ein wenig nach oben gesetzt.
Gruß
Steffen
Hmm naja ich hab jetzt erstmal das ans laufen bekommen 😃 :
http://www.magnin-sante.ch/journal/html/menu3/menuhorizontal.htm
vielen dank für deinen "howto"-code,
damit habe ich meine navigation von graphischen pop-ups auf text-pop-ups umgestellt und dadurch meine ladezeit mehr als halbiert! siehe: http://www.muenichreith.com
trotzdem bin ich noch nicht 100%ig zufrieden.
ich hätte nämlich gerne, dass ein menu, das unterpunkte hat, eingefärbt bleibt wenn man zu diesen unterpunkten mit der maus fährt. habs mit " freezeMouseover = 1" probiert, hat aber nix gebracht.
wie könnte das gehen.
außerdem möchte ich menupunkte mit submenues mit einem kleinen pfeilchen versehen.
wieder das problem habs mit "afterImg = fileadmin/right.gif" probier, funkt auch nicht?!?!
irgendwer eine idee?
danke!
Hi,
also das menü ist wirklich Klasse und funzt auch im IE hervorragend.
Ich hab nur ein Problem im Netscape und Opera.
Ich habe leftOffset in für Ebene 2 auf -120, damit die 2. Ebene linksbündig aufgeht (Menükasten genau unter dem Hauptmenüpunkt).
Im Netscape verschiebt es mir aber die Ebenen um 120 nach links, da er bei 0 linksbündig aufgehen würde (d.h. eigentlich macht es der IE falsch).
Wie kann ich das Problem abfangen.
Vielen Dank.
Andi
Hallo.
Weiss ich leider auch nicht, ich habe vor längerer Zeit aufgehört für Netscape, etc zu optimieren. Der überwiegende Teil der Menschheit benutzt eben den IE (nach den Zugriffsstatistiken auf Kundenseiten sogar über 90%).
Aber generell würde mich natürlich eine Lösung schon interessieren. Kann ja nicht schaden 8-)
Ja, vor allem weil der Opera das Menü völlig deplaziert.
Da wär ne Lösung sehr interessant.
Andi
Hallo Cre8tive,
danke für Dein Howto! Mit dessen Hilfe habe ich es schnell geschafft, ein erstes Menü zu bauen (bin totaler TYPO-Newbie).
Eine Frage: wie schwierig ist es, das Menü in ein senkrechtes Menü, das nach rechts ausklappt, umzustricken? Wie geht das?
Kurze Anmerkung für alle, die mit dem ModernTemplateBuilding 1 und dem AutoParser arbeiten: das Menü-Setup schreibt ihr am besten nach der Konfiguration des AutoParsers rein. ABER: die Ersetzung des Markers muss unter die Zeile workOnSubpart = DOCUMENT_BODY, also in das Template cObject für <body>. Nach einigem Probieren hat es bei mir so geklappt.
Hab's selbst rausgefunden. Es müssen nur ein paar Buchstaben geändert werden. Der Rest wird im CSS geändert.
# Benoetigte Libaries einfuegen
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
Kann mir jemand erklären, wie ich diese Library einbinde? Ich arbeite auf einem fernen Server, finde das Verzeichnis "media" gar nicht.
Ist bestimmt wieder nur was ganz einfaches, ich weiß :o
Trotzdem Danke für jeden Tip!
mflue
Erledigt. Die Library war's nicht. Die ist nämlich automatisch eingebunden.
jeff schriebsiehe: http://www.muenichreith.com
Wie habt Ihr das hinbekommen daß im Mozilla die Menueinträge gleich breit sind ???
Bei mir sieht das immer so aus 😢
<img src="http://www.marticke.net/typo3/menue.jpg">
@Menübreite
Du musst im Stylesheet die Breite angeben und die Anzeigeart:
width: 250px;
display: block;
Andi
hab ich gemacht.
im ie gehts ja auch, aber im mozilla nicht.
edit: hat sich erledigt. der blockeintrag war an der falschen stelle *duck*
Im Stylesheet sind alle font Angaben falsch.
Es muß font-family statt font-face da stehen.
Aber es geht immer besser ;-)
jeff schriebich hätte nämlich gerne, dass ein menu, das unterpunkte hat, eingefärbt bleibt wenn man zu diesen unterpunkten mit der maus fährt. habs mit " freezeMouseover = 1" probiert, hat aber nix gebracht.
wie könnte das gehen.außerdem möchte ich menupunkte mit submenues mit einem kleinen pfeilchen versehen.
wieder das problem habs mit "afterImg = fileadmin/right.gif" probier, funkt auch nicht?!?!
Hast du das schon hinbekommen ?
nei leider nicht. habs nach mehreren stunden recherche aufgegeben ... mir genügt's auch so!
Hi!
Bei mir funktioniert der Rollover Effekt bei Netscape nicht. Im Microsoft Explorer funktioniert alles bestens.
Muss ich bei den styles noch was ändern?
Gruß,
Oliver
darum gings ja gerade ;-)
scheint im netscape nicht zu funzen 😢
Merkwürdig nur, dass das Menu im Backend auch mit Rollover ist und dort funzt es. Dh man müßte wohl in dem include-File rumbasteln......
auf http://www.riscossa.it/ funzt das mouseover auch mit mozilla ....
#paralyzed#
Hallo RMarticke,
ich fand es sehr nett von dir dein code zu publizieren.
deine seite gefällt mir sehr!! ich wünsch mir auch so eine navi.
ich bekomme eine leere seite (ich bin bei typo 3.6.1)
here ist meun setup:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/tmenu/tmenu.css
# Benoetigte Libaries einfuegen
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/templates/tmenu/tmenu.html
workOnSubpart = DOCUMENT_BODY
subparts.content < styles.content.get
subparts.content.select {
orderBy = sorting
}
##############################
HAUPTEMENU: MENU_MAIN
##############################
# 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.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" class="menu1_main"><tr>|</tr></table>
# Darstellung im Normalmodus
NO {
allWrap = <td class="menu1_main"> | </td>
}
# Darstellung wenn Aktiv
ACT = 1
ACT {
allWrap = <td class="menu1_main_act"> | </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">|</table>
# Darstellung im Normalmodus
NO {
allWrap = <tr><td class="menu1_main2"> | </td></tr>
}
# Darstellung wenn Aktiv
ACT = 1
ACT {
allWrap = <tr><td class="menu1_main2_act"> | </td></tr>
}
# Darstellung fuer Unterpunkte mit Subpunkten
IFSUB = 1
IFSUB {
allWrap = <tr><td class="menu1_main2_sub"> | </td></tr>
}
# Ende Ebene 2
}
################
# MENU EBENE 3 #
################
# Ebene 1 erzeugen
temp.MENU_MAIN.3 = TMENU
# Eigenschaften Ebene 1
temp.MENU_MAIN.3 {
# Darstellung der aktuellen Ebene
wrap = <table border="0" cellspacing="0" cellpadding="0">|</table>
# Darstellung im Normalmodus
NO {
allWrap = <tr><td class="menu1_main2"> | </td></tr>
}
# Darstellung wenn Aktiv
ACT = 1
ACT {
allWrap = <tr><td class="menu1_main2_act"> | </td></tr>
}
# Ende Ebene 3
}
# Marker durch Menü ersetzten:
subparts.MENU_MAIN < temp.MENU_MAIN
mein html sihet so aus:
<html>
<head>
<title>Tmenu</title>
</head>
<body>
<!-- ###DOCUMENT_BODY### START-->
<table align="center" height="100%" cellspacing="0" cellpadding="0" width="774" border="0" id="main">
<tr>
<td width="774" height="43" valign="top" class="hintergrund">
<td id="MENU_MAIN" class="menue_main">
<!-- >> MENU_MAIN << -->
</td>
</td>
</tr>
</table>
<!-- ###DOCUMENT_BODY### END-->
</body>
</html>
und ich habe deine stylesheet übernommen:
/*MENUES */
.menue_main
{
background: #000099;
text-align: left;
height: 16 px;
width: 602 px;
}
/*MENU_MAIN */
.menu1_main
{
background-color: #000099;
}
.menu1_main A, .menu1_main A:visited {
color: #ffffff;
text-decoration: none;
display: block;
background-color: #000099;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #ffffff;
font-weight: bold;
font-size: 10pt;
font-face: verdana;
}
.menu1_main A:hover, .menu1_main A:bb:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
background-color: #FFCC00;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #ffffff;
font-weight: bold;
font-size: 10pt;
font-face: verdana;
}
.menu1_main_act A, .menu1_main_act A:visited {
color: #000099;
font-weight: bold;
text-decoration: none;
display: block;
background-color: #CCCCEB;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #ffffff;
font-weight: bold;
font-size: 10pt;
font-face: verdana;
}
.menu1_main_act A:hover, .menu1_main_act A:bb:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
display: block;
background-color: #FFCC00;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #ffffff;
font-weight: bold;
font-size: 10pt;
font-face: verdana;
}
/* MENU_MAIN LEVEL 2 */
.menu1_main2 A, .menu1_main2 A:visited {
color: #009900;
font-weight: bold;
text-decoration: none;
background: #CCEBCC;
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
.menu1_main2 A:hover, .menu1_main2 A:bb:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
background: #FFCC00;
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
.menu1_main2_act A, .menu1_main2_act A:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
background: #009900;
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
.menu1_main2_act A:hover, .menu1_main2_act A:bb:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
background: #FFCC00;
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
.menu1_main2_sub A, .menu1_main2_sub A:visited {
color: #009900;
font-weight: bold;
text-decoration: none;
background-image : url(main/images/menu_sub_back.jpg);
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
.menu1_main2_sub A:hover, .menu1_main2_sub A:bb:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
background-image : url(main/images/menu_sub_back_act.jpg);
border-bottom: 1px solid #009900;
padding-left: 5px;
width: 140px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
font-size: 8pt;
font-face: verdana;
}
alles was ich sehe ist eine leere seite.
ich bin newbie und veerstehe langsam alles besser, aber tmenu-layer macht mich fertig.
ich hoffe das du mir helfen kansst.
danke
Dana
Hallo.
Du hast das Menü falsch eingebunden, ich habe es in einem externen Template stehen, du packst alles ins Root-Template.
Das Problem tauchte auch schon mal am Anfang des Threads auf:
woodworker schriebtrotz Copy n' Paste ist es mir nicht gelungen dein Menu zu laufen zu bekommen
glaube zwar das es an mir liegt aber poste trotzdem mal *G*
EDIT: durch ein anderen Post ist mir aufgefallen das ich es flasch eingebunden habe
Link: #8582
