Hallo Leute!
Also das Menu funzt wie geplant. Jedoch will gerne Im Hauptmenue anstatt Bilder nur Text (also nicht GMENU sondern TMENU).
Habe es probiert, funzt allerdings nicht...
--> Das Huptmenue wird als Text ausgegeben aber die Submenues werden nicht angezeigt....
Kann mir jemand helfen!!
Danke im Voraus.
@ Liberation
fertig?
Deine Menü's sind schneller wieder weg als mein Cursor hinfliegen kann.
(IE 6)
Hallo zusammen,
Ich habe das Menü eingebunden und es funktioniert soweit einwandfrei.
Nun habe ich ein Problem:
Der Rollover funktioniert nur, wenn ich über den Menüpunkt selber fahre. Ich möchte ihn aber auch, wenn ich mit der Maus im Submenü navigiere. So wie bei www.meade.de.
Ich habe beide Quellcodes verglichen und auch TS,PHP etc. kontrolliert und kann leider keinen Fehler finden.
Damit ihr euch ein Bild machen könnt, die Seite:
http://neu.speerblick.ch
Kann mir eventuell jemand weiterhelfen?
Vielen Dank
Heyho,
das Menü läuft bei mir sogar zentriert super, allerdings wird mir das Menü im Firefox gar nicht angezeigt, nur die erste ebene. :-((
Hat jemand eine Idee?
Gruß,
Johny
Heyho,
das Menü wird mittlerweile auch im Firefox angezeigt, allerdings habe ich nun ein anderes Problem:
Ich habe Probleme mit der 3. Menüebene. Diese öffnet sich zwar rechts von der 2. Menüebene, aber nicht direkt neben dem entsprechendem Menüpunkt, sondern ein ganzes Stück darunter, so das der Menüpunkt der 3. Ebene gar nicht zu erreichen ist. Kann mir da jemand helfen.
Gruß,
Johny
Ich bin jetzt echt langsam am verzweifeln.. ich habe das gleiche Probleme wie schon mehrere leute vor mir dass der Marker ersetzt wird aber kein menu angezeigt.
Das ist der TS code des root-templates:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/page.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/vorlage.html
marks.MENU = COA
marks.MENU {
10 < temp.ypMenu
20 < temp.user_menu
}
}
Das ist der code des ausgelagerten temp.ypMenu:
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/jslib.js" language="JavaScript"></script>
temp.ypMenu.special = directory
# 57 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 21
temp.ypMenu = HMENU
temp.ypMenu {
1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
wrap = |
XY = [50.w]+20, 31
30 = IMAGE
30.file = fileadmin/menu_bg.gif
50 = TEXT
50 {
text.field = title
fontSize = 10
fontFile = fileadmin/fonts/verdana.ttf
fontColor = #222222
offset = 10,20
niceText = 0
transparentBackground = 1
}
100 = || IMAGE
100.file = fileadmin/menu_space.gif
}
IFSUB < temp.ypMenu.1.NO
IFSUB = 1
RO < temp.ypMenu.1.NO
RO = 1
RO {
backColor = #DDDDDD
30 >
}
IFSUBRO < temp.ypMenu.1.NO
IFSUBRO = 1
IFSUBRO {
backColor = #DDDDDD
30 >
}
}
2 = TMENU
2 {
IProcFunc = user_menu->secondLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
3 = TMENU
3 {
IProcFunc = user_menu->thirdLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
4 = TMENU
4 {
IProcFunc = user_menu->fourthLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
}
temp.menu = USER
temp.menu.userFunc = user_menu->menuEnd
Hier sit die vorlage.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="page.css" />
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1" />
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="root">
<div id="banner">
<img src="fileadmin/banner.jpg" alt="">
</div>
<div id="login">
###LOGIN###
</div>
<div id="search">
###SEARCH###
</div>
<div id="cMenu">
###MENU###
</div>
<div id="content">
###CONTENT###
</div>
<br style="clear:both;" />
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
Und nochmal der Quelltext der Seite (gekürzt):
<body bgcolor="#FFFFFF">
<!-- ###DOKUMENT### begin -->
<div id="root">
<div id="banner">
<img src="fileadmin/banner.jpg" alt="" />
</div>
<div id="login">
###LOGIN###
</div>
<div id="search">
###SEARCH###
</div>
<div id="cMenu"></div>
<div id="content">
###CONTENT###
</div><br style="clear:both;" />
</div><!-- ###DOKUMENT### end -->
</body>
</html>
Mir scheint es so als läge der Fehler darin dass der ausgelagerte TS code nicht richtig eingebunden wird. Die Template Datei liegt in einem sysordner eine Ebene tiefer als das root-template.
Ich würde mich sehr freuen wenn mir jemand noch einen denkanstoß geben könnte 🙂
temp.menu = USER
temp.menu.userFunc = user_menu->menuEnd
temp.menu und marker user_menu soll ersetzt werden....
wie soll da auch code kommen?
HI,
ich habe ein Problem: das Menu funktioniert zum Beispiel im Firefox, im Internet explorer wird das js jedoch leider ignoriert.
Ich hoffe, dass ihr mir helfen könnt,
YAnnis
Das Problem hab ich auch, ich hab es auch noch nicht geschafft es zu lösen... habe alle Dateien von den anderen Seiten, aber es klappt einfach nicht...
Hi zusammen,
eine dumme Frage habe ich jetzt auch noch (hoffe, sie wurde auf den letzten Seiten noch nicht gestellt und beantwortet - konnte auf jeden Fall nix finden):
Ist es eigentlich auch möglich, dass das MEnü nicht nach unten aufgeht, sondern sich über der Navigation öffnet.
Ich habe nämlich das Problem, dass sich das Hauptmenü relativ weit unten befindet und das Ausklappmenü muss nach oben aufgehen.
Geht das und wenn ja: wie?
Danke.
boat
sicher geht das, man müsste nur das php skript anpassen.
wenn ich java deaktiviere, zeigt es bei meade nur das oberste level an. auf meiner seite aber alle unterpunkte auch. dies versaut dann die ganze seite. an was liegt das?
ohne java -> kein slideout
Hiho,
kämpfe mir auch gerade meinen Weg durch diesen sagenhaften Thread. Klasse Arbeit!
Kann mir jemand sagen, welche Funktion die jslib.js in dem Packet von Liberation hat? Die darin definierten Funktionen und Vars scheinen nirgendwo benutzt zu werden. Und zumindest in FireFox läuft das Menü bei mir auch ohne dieses JS prächtig.
Ich kämpfe gegenwärtig noch mit IE. Obwohl FireFox alles sauber darstellt, werden die Slideouts in IE horizontal verschoben und nur mit halber Breite dargestellt. Falls jemand den Effekt kennt, bin ich für einen Hinweis dankbar. Ansonsten such ich halt weiter...
Ok, das Problem mit IE6 ist gelöst:
Bei zentriertem Seiteninhalt ("text-align: center" fürs BODY-Tag oder für ein DIV Tag das das Menü kapselt) MUSS das Menü unbedingt nochmal in einem inneren DIV verpackt werden, das ein "text-align: left" besitzt. Sonst tritt der Effekt auf, dass die Slidemenüs im IE nach rechts verschoben und auf halbe Breite beschnitten sind. Liberation hat diese Center-Konstruktion in diesem Thread auch genau so demonstriert (Posting vom 26.04.2005 [10:35]).
Nach meinen Erfahrungen muss besagter innerer Container aber unbedingt noch eine width bekommen, da er sonst im IE auf voll Seitenbreite expandiert wird, und dadurch das Centering verloren geht. Schwierig wirds, wenn die Breite der obersten Menüebene (GMENU) nicht konstant ist (z.B. weil man dem Besitzer der Website die Möglichkeit gibt, weitere Menüpunkte hinzuzufügen). Ich habe daher dem inneren Container ums Menü eine "width: 1px" und ein "white-space: nowrap" gegeben. Das wiederum mögen ordentliche Browser (FireFox) nicht. Daher steht der ganze Bettel in einem CSS, das nur von IE ausgewertet wird:
<!--[if IE]>
<link href="fileadmin/templates/css/IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
Was für eine Äktschen - mal wieder alles nur für den geliebten IE.
Vielleicht findet ja jemand einen sauberen Weg, ohne Browserunterscheidung im CSS...
Es bleibt aber die Frage, wozu die jslib.js dienen soll. Mein Menü funktionieren jetzt vollständig ohne diese Datei.
Hi,
nachdem ich eigentlich alle Probleme mit Hilfe des Forums lösen konnte stehe ich jetzt vor der letzten Hürde. Menü funktioniert soweit, Submenus erscheinen an der richtigen Stelle, aber:
In der obersten Menüebene wird nach jedem Punkt umgebrochen, ergo: Die Punkte der ersten Menüebene stehen alle untereinander. Im Quelltext finde ich auch ein <br>. Und das bekomme ich einfach nicht weg.
Im Setup ist auch kein wrap mit <br /> oder ähnliches zu finden, CSS gibt auch keinen Hinweis. Bin nach der Anleitung unter http://typo3.kj187.de/typo/t3tutorials/typoscript/menus/?detail=39 vorgegangen und hab die Datein von dort auch so übernommen.
Jemand vielleicht eine Idee, was der Grund sein könnte?
Danke.
Hi,
du hast doch garkein br im code und wrap hast du auch keinen im ts. Deine menupunkte sind einfach aneinander gereite "a" Tags und die stehen nun mal untereinander.
float: left hilft da oder ein ein warp mit span tag oder ein mit dvi tag und float: left oder als liste (ul, li) mit float: left. Viele wege führen nach rom aber etwas html wissen sollte man schon haben.
That's it! 😃
Danke!
hallo zusammen.
habe ebenfalls das ganze übernommen, von überall her und probiert und probiert :-)
habe momentan das ganze von: http://typo3.kj187.de/typo/t3tutorials/typoscript/menus/?detail=39
mein fehler, der erscheint: Parse error: parse error, unexpected T_STRING in C:\Programme\typo3\htdocs\typo3wamp\fileadmin\scripts\ypMenu\ypmenu.php on line 197
gibt's denn irgendwo ein komplettes beispiel, mit template dass auf anhieb funktioniert ? weiss, klingt jetzt ein wenig faul... bin aber schon ein paar tage dran am anpassen und hab noch nichts gscheites hingekriegt *verzweifel...*
danke schön
Ich bekomm das ypmenu einfach nicht hin. Hab jetzt schon ueber 10std kontinuierlich daran rumgemacht und alle moeglichen optionen ausprobiert. Aber es wird einfach nicht angezeigt. (Bei den Beispiel Seiten, wie http://www.sci-worx.com/ zeigt der browser das ypmenu an, also das java in meinem browser funzt)
Ich benutze typo3 4.0 und habe meine seite mit templavoila generiert. Fuer die menues habe ich lib.menu_1 als object path benutzt, den ich auch dementsprechend im typoscript angepasst habe. Auch die pfade stimmen. Was kann da noch falsch sein? Hier ist der link zu meiner site: http://www.exotissimo.com/t/index.php?id=311
Hier das setup fuer die main template:
config.spamProtectEmailAddresses = 1
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
page.10.marks.MENU < temp.ypMenu
page.10.marks.MENUCODE = USER
page.10.marks.MENUCODE.userFunc = user_menu->menuEnd
und hier die externe template, die ich ypMenu genannt habe
Externes template heisst doch einfach ein neues template anlegen, oder vestehe ich da was falsch?? siehe bitte screenshot ganz unten:
#Typo3: externes Template ( temp.ypMenu ) -> Setup
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/templates/exo2col/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/templates/exo2col/ypSlideOutMenus.js" language="JavaScript"></script> temp.ypMenu.special = directory
# 311 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 311
temp.ypMenu = HMENU
temp.ypMenu {
1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
wrap = |
XY = [50.w]+20, 31
30 = IMAGE
30.file = fileadmin/templates/exo2col/menu_bg2.gif
50 = TEXT
50 {
text.field = title
fontSize = 10
fontFile = fileadmin/templates/exo2col/fonts/verdana.ttf
fontColor = #222222
offset = 10,20
niceText = 0
transparentBackground = 1
}
100 = || IMAGE
100.file = fileadmin/templates/exo2col/menu_space.gif
}
IFSUB < temp.ypMenu.1.NO
IFSUB = 1
RO < temp.ypMenu.1.NO
RO = 1
RO {
backColor = #DDDDDD
30 >
}
IFSUBRO < temp.ypMenu.1.NO
IFSUBRO = 1
IFSUBRO {
backColor = #DDDDDD
30 >
}
}
2 = TMENU
2 {
IProcFunc = user_menu->secondLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
3 = TMENU
3 {
IProcFunc = user_menu->thirdLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
4 = TMENU
4 {
IProcFunc = user_menu->fourthLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
}
temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd
hier ist ein teil meiner html template:
<script language="javascript" src="/fileadmin/template/res/ypSlideOutMenus.js" type="text/javascript"></script>
<script language="javascript" src="/fileadmin/template/res/jslib.js" type="text/javascript"></script>
und
<div id="cMenu">
<div align="right">###MENU######MENUCODE###</div>
</div>
und natuerlich noch die css:
#cMenu {<br />
height:31px;<br />
width: 708px;<br />
margin-left:1px;<br />
margin-bottom:1px;<br />
background: #FFFFFF url(menu_bg.gif) repeat-x top left;<br />
position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */<br />
}<br />
<br />
/*<br />
###################<br />
# ypMenu Styles #<br />
###################<br />
*/<br />
.mmContent {<br />
/* nrmale schrift definieren */<br />
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;<br />
}<br />
<br />
.mmContent ul {<br />
margin: 0px; padding: 0px;<br />
list-style: none;<br />
z-index:2;<br />
position:relative;<br />
left:0px; top:0px;<br />
}<br />
.mmContent li {<br />
padding: 0px; margin: 0px;<br />
}<br />
<br />
.menuBackground {<br />
position:absolute;<br />
left:0px; top:0px;<br />
z-index:1;<br />
}<br />
<br />
.mmContent li a {<br />
/* Links bzw. die slideMenü-Elemente definieren */<br />
display: block;<br />
color: #222222;<br />
font-weight:normal;<br />
font-size: 12px;<br />
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;<br />
width: 150px;<br />
padding: 5px;<br />
text-decoration: none;<br />
border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */<br />
}<br />
<br />
* html .mmContent li a {<br />
width: 160px;<br />
width: 160px;<br />
}<br />
<br />
/* */<br />
.mmContent li a:link { background: #EAED65; color: #222222; font-size: 12px; }<br />
.mmContent li a:visited { background: #EAED65; color: #222222; font-size: 12px; }<br />
<br />
.mmContent li a:hover{ background: #FFFF99; color: #222222; font-size: 12px; }<br />
.mmContent li a:active { background: #EAED65; color: #222222; font-size: 12px; }<br />
<br />
.mmContent li a.submenu {<br />
background: #EAED65 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; }<br />
.mmContent li a.submenu:hover {<br />
background: #FFFF99 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; }<br />
<br />
/*<br />
##########################################<br />
# ypMenu Styles for our belove IE 5.01 #<br />
##########################################<br />
*/<br />
<br />
.mmContentb {<br />
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;<br />
}<br />
<br />
.mmContentb ul {<br />
margin: 0px; padding: 0px;<br />
list-style: none;<br />
z-index:2;<br />
position:relative;<br />
left:0px; top:0px;<br />
}<br />
.mmContentb li {<br />
padding: 0px; margin: 0px;<br />
}<br />
<br />
.menuBackground {<br />
position:absolute;<br />
left:0px; top:0px;<br />
z-index:1;<br />
}<br />
<br />
.mmContentb li a {<br />
/* Links bzw. die slideMenü-Elemente definieren */<br />
display: block;<br />
width: 150px;<br />
padding: 5px;<br />
color: #222222;<br />
font-weight: normal;<br />
font-size: 12px;<br />
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;<br />
text-decoration: none;<br />
border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */<br />
}<br />
<br />
* html .mmContentb li a {<br />
width: 160px;<br />
width: 160px;<br />
}<br />
<br />
.mmContentb li a:link { background: #EAED65; color: #222222;}<br />
.mmContentb li a:visited { background: #EAED65; color: #222222;}<br />
<br />
.mmContentb li a:hover{ background: #FFFF99; color: #222222;}<br />
.mmContentb li a:active { background: #EAED65; color: #222222;}<br />
<br />
.mmContentb li a.submenu {<br />
background: #EAED65 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;<br />
font-size: 12px;<br />
}<br />
.mmContentb li a.submenu:hover {<br />
background: #FFFF99 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;<br />
font-size: 12px;<br />
}
hier noch der screenshot vom 'externen template'
Bild: exotissimo.com/…/ypmenu.jpg
und vom template voila:
Bild: exotissimo.com/…/templavoila.jpg
Ich wuerde mich ueber jegliche Hilfe von Euch sehr freuen. Merci schon mal im Vorraus...