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">
aufklappendes Menü (TMENU)
@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
ich habe jetzt ein sysfollder erzeugt und da mein tmenu template gelagert. dann bin ich zu den main template gegangen, und habe unter "Template on next level:"
tmenu template zugewissen. ist das richtig?
tut sich leider nicht (blank). 😢
danabanana schrieb#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.
is beides nicht von mir.
da hast du was falsch verstanden 😉
Aufpassen, wenn Ihr Stylesheets übernehmt, da sind oft haarsträubende Fehler drin.
In obigem Beispiel steht z.B. "font-face", es muss aber "font-family" heißen.
Oft findet man auch "font-color", was es gar nicht gibt.
Hier muss nur "color" stehen.
Manchmal sucht man ewig nach dem Fehler, dabei steht nur in einer kopieren .css Schwachsinn drin.
das mit der font-family stimmt, habe ich auch editiert.
font-color steht allerdings nirgends.
hat jemand das mouseover mit dem mozilla/Netscape hinbekommen ??
nimm nur a:hover anstatt von a:bb:hover . dann funktionierts.
ich habe den ganz am Anfang dieses Threads angegeben Setup Code kopiert und eingefügt. Stylesheets habe ich auch so übernommen. Marker gesetzt aber leider bekomme ich kein Menu angezeigt 🙁
# Sprachen konfigurieren
config.sys_language_uid = 0
config.language = de
config.locale_all = German
page = PAGE
page.typeNum = 0
page.bodyTag = <BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
page.includeCSS {
file1 = fileadmin/template_menu/style.css
}
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template_menu/index.html
workOnSubpart = DOCUMENT
subparts.CONTENT < styles.content.get
marks.DATUM = COA
marks.DATUM {
10 = TEXT
10.data = date:U
10.strftime = %A, %d. %B %Y
}
##############################
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
Bin für jede Hilfe dankbar
Stand zwei, drei Beiträge über deinem:
Cre8tive schriebHallo.
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
falls es jemanden interessiert!
opera - problem kann man so lösen
this.x= (bw.ns4||bw.op)?this.css.left:this.el.offsetLeft;
this.y= (bw.ns4||bw.op)?this.css.top:this.el.offsetTop;
this.height= (bw.ie4||bw.ie5||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.op?this.css.pixelHeight:0;
this.width= (bw.ie4||bw.ie5||bw.ns6)?this.el.offsetWidth:bw.ns4?this.ref.width:bw.op?this.css.pixelWidth:0;
aus der datei jsfunc.layermenu.js (Scripts Verzeichnis)
ersetzen durch
this.x= (bw.ns4)?this.css.left:this.el.offsetLeft;
this.y= (bw.ns4)?this.css.top:this.el.offsetTop;
this.height=(bw.ie4||bw.dom)?this.el.offsetHeight:bw.ns4?this.ref.height:0;
this.width=(bw.ie4||bw.dom)?this.el.offsetWidth:bw.ns4?this.ref.width:0;
hab ich hier aus dem forum erfahren und funktioniert super! [/quote]