hallo
möchte mir ein vertikales ypmenu erstellen und jetzt sind die untermenüs ständig eingeblendet. siehe http://rpc.strichmaennli.ch
--> wie bekomme ich die weg, bzw. wie bekomme ich es hin, dass das 2. und 3. untermenü ausgeslidet wird?
Habe auf einer anderen Seite ein horizontales menü erstellt. Da funktioniert alles tip top.
danke für eure hilfe.
IE 6 und ypMenu
Habe das ypMenu eingebaut und es funktioniert wunderbar. Nur ein kleines Problem mit dem IE6. Wenn eine Seite neu aufgerufen wird, erscheinen für den Bruchteil einer Sekunde links alle Untermenüpunkte vertikal angeordnet.
Hat einer eine Idee wie man dies vermeiden kann ?
PS: Im Firefox läuft alles superkorrekt
rommy schriebWas kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?
schau dir dazu doch mal den workaround von lulatsch an, den er im www.meade.de-thread beschrieben hat:
#15065
[/url]
Hi,
das liegt daran das der IE beim laden schon teile der Webseite anzeigt und somit auch die eigendlich unsichtbaren menuteile sichtbar sind.
schau mal quellcode der webseite www.sci-worx.com da habe ich das durch einen kleinen trick ausgeblendet.
s.sach schriebAlso ich hatte auf dem Account, wo das Menü nichtfunktionierte noch Typo 3.6 Beta2 laufen. Hab es auf 3.6.2 upgedatet und nun funktioniert das Menü #paralyzed#
hatte das Problem auch. Liegt wirklich an der Version. t3lib_page.php hatte die getmountpointinfo noch nicht implementiert.
Hallo Leute,
hat einer von euch eine Ahnung warum bei mir der IE6 - Browser die untermenüs nicht anzeigt? Im Firefox funktioniert der menü einwandfrei nur im IE6 nicht.
Hier könnt ihr mein code für das menu sehen:
config.no_cache = 1
# include der menü script
###################
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>
page.headerData.12 = TEXT
page.headerData.12.value = <link rel="stylesheet" type="text/css" href="fileadmin/skripts/ypMenu.css" />
temp.ypMenu.excludeUidList = 2, 15, 16, 17, 18, 19
temp.ypMenu = HMENU
temp.ypMenu {
1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
wrap = |
XY = [50.w]+34, 20
backColor = #000000
30 = IMAGE
30.file = fileadmin/template/imgs/grafik_menue_oben.jpg
50 = TEXT
50 {
text.field = title
fontSize = 10
fontFile = fileadmin/template/fonts/arial.ttf
fontColor = #ffffff
offset = 30,16
niceText = 1
transparentBackground = 1
}
}
IFSUB < temp.ypMenu.1.NO
IFSUB = 1
RO < temp.ypMenu.1.NO
RO = 1
RO {
backColor = #000000
30 < .30
50 {
fontColor = #608C28
}
}
ACT < temp.ypMenu.1.NO
ACT = 1
ACT {
backColor = #000000
30 < .30
50 {
fontColor = #FE9900
}
}
IFSUBRO < temp.ypMenu.1.NO
IFSUBRO = 1
IFSUBRO {
backColor = #000000
30 < .30
50 {
fontColor = #608C28
}
}
}
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>
}
}
temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd
mfg,
RChristian
Hallo
Mein ypMenu funktioniert eigentlich ganz gut. Nur wenn ich die Seite XHTML-validiere erhalte ich eine Fehlermeldung von den Hauptmenüpunkten bei denen kein Untermenü hinterlegt ist (z.B. Home)
<div id="menu16Container" class="mmContainer">
<div id="menu16Content" class="mmContent" style="-moz-opacity:.....">
<ul class="mmLevel1"></ul> // Hier liegt der Fehler !!!!
</div>
</div>
Wie gehe ich am besten vor, damit mir der Validator freundlicher gesinnt ist?
Besten Dank + Gruss
Armin
Hi
Ich bin wirklich am verzweifeln. 😢 Nachdem ich die Menüs via TMENU_LAYERS vor allem mit Opera (ganz links) und bei Firefox (ein Versatz um 1px in y) nicht wirklich zum Laufen gebracht habe, bin ich auf das ypMenu gestossen.
Ich habe das versucht zu implementieren mit Hilfe der vorliegenden Anleitung. #paralyzed# Doch leider habe ich es nicht geschafft, dass das "externe" Template (temp.ypMenu) irgendwie erkannt wurde. So habe ich alles in mein Haupttemplate integriert. Nun sehe ich ausser der Hauptnavigation gar nix, denn keine Unternavi geht auf. #angry# Ich muss fairerweise dazu sagen, dass ich die Hauptnavigation nicht mit GMENU, sondern mit TMENU implementiert habe, was hoffentlich keine "Nebenwirkungen" ergibt.
Wer kann helfen, denn langsam verzweifle ich ganz wegen der Menüs? Da ich aber im Endausbau der Website jede Menge Links haben werde, bin ich auf mehrstufige Pulldown-Menüs angewiesen...
Hier mal der Code aus meinem Template (unwichtige Sachen habe ich entfernt):
# Template einbinden
seite = PAGE
config.no_cache = 1
seite.includeLibs.ypMenu = uploads/ypMenu/ypMenu.php
seite.headerData.11 = TEXT
seite.headerData.11.value = <script type="text/javascript" src="uploads/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>
seite.typeNum = 0
#CSS Files einbinden
seite.includeCSS {
file1 = fileadmin/_styles/common.css
file2 = fileadmin/_styles/guestbook.css
file3 = fileadmin/_styles/ypMenu.css
}
# Standardsprache deutsch
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
plugin.tx_news._DEFAULT_PI_VARS.lang = 0
***Seite aufbauen für Template***
seite.10 = TEMPLATE
seite.10 {
template = FILE
template.file = fileadmin/whiskymania_vorlage.html
workOnSubpart = DOKUMENT
# Navigationspfad / Brotkruemelnavigation
subparts.NAVIPFAD = HMENU
subparts.NAVIPFAD {
special = rootline
special.range = | 1 | 2 | 3
1 = TMENU
1.NO = 1
1.NO.linkWrap = | » |
}
# Menue erzeugen
# marks.MENUE.special = directory -> funzt nicht, wenn eingeschaltet
marks.MENUE = HMENU
marks.MENUE {
1 = TMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
allWrap = <td nowrap=""> | </td>
ATagBeforeWrap = 1
ATagParams = class="Menu"
10 = text
10.text.field = title
}
}
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>
}
}
marks.user_menu = USER
marks.user_menu.userFunc = user_menu->menuEnd
# Inhalt erzeugen
marks.INHALT < styles.content.get
# marks.INHALT.wrap = <tr> <td class="txt"> | </td> </tr>
# Inhalt rechte Spalte erzeugen
marks.RSPALTE < styles.content.getRight
}
Ich hoffe, dass jemand Rat weiss!
Ach ja: zu sehen gibt es das "Resultat" unter: http://web13.hostspirit.ch
Vielen Dank!
Gruss Marc
Hallo zusammen!
Habe es nun zum Laufen gebracht, jedoch habe ich nun die 1. Navigationsebene wie im Beispiel beschrieben grafisch umgesetzt.
Nun habe ich unter Typo3 V3.8 das Problem wie schon zwei Kollegen vor mir: beim IE werden diese Menüpunkte untereinander statt nebeneinander angezeigt. Jemand hat scheinbar die Lösung gefunden, doch keiner hat sie bisher hier im Forum publiziert... 😢
Wer kann helfen?
Gruss und Dank!
Marc
Hallo Leute,
hat niemand eine ahnung woran das liegt das mein menü im ie nicht angezeigt wird (auch keine fehlermeldung oder sowas in der art) und im Firefox funktioniert der menü einwandfrei.
mfg,
RChristian
Hallo Leute,
danke an alle die durch ihre Beiträge hier im Board Licht in mein unergründliches Dunkel gebracht haben.
Dennoch ergibt sich noch eine klitze kleine Frage die wohl hier schon erwähnt wurde mir aber nicht geholfen hat:
das Menü soll bei mir vertikal, also alle menuepunkte untereinander erscheinen. nun wenn ich in der .php Datei die änderung "right" vornehme bleibt mein menue wie in den beispiel horizontal aber die slides kommen nun von der seite...
bin ein neuling und begreife meinen fehler nicht. please help. #giggle#
Hallo @ all,
bin sehr unerfahren was typo3 betrifft und versuche mich gerade an diesem menu.
ich habe meine index.html via templavoila gemappt
code der index
<style type="text/css" id="internalStyle">
/*<![CDATA[*/
BODY { margin: 20 20 20 20; }
/*]]>*/
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body class="bhigru" bgcolor="#000000">
<table width="720" height="190" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="720" height="96" class="kopf" cellspacing="0" cellpadding="0">
<tr>
<td with="720" height="33" class="menu" cellspacing="0" cellpadding="0">
<div class="tablemain1">
<div id="cMenu">###MENU###</div>
</div>
</div>
<tr>
<td with="720" height="61" class="kopfunten" cellspacing="0" cellpadding="0">
</td>
</tr>
<tr>
<td class="contentpiclong" cellspacing="0" cellpadding="0"><p> </p>
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="contentol" width="352">
<p> </p>
</td>
<td id="contentor" width="352"> </td>
</tr>
<tr>
<td id="contentul">
<p> </p>
</td>
<td id="contentur"> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</td>
</tr>
<tr>
......
habe folgenden TS SETUP code ( wobei ich gaube das ich dort vielleicht was falsch gemacht habe
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/main.css
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
page.10{
marks.MENU = COA
marks.MENU {
10 < temp.ypMenu
20 < temp.user_menu
}
}
ich habe die ypMenu.css in meine main.css mit rein genommen
ich habe auch in mein Haupttemplate die temp.yp.Menu per Include Basis Template eingebunden
Hier die geänderte temp.ypMenu
#ypMenu
#
config.no_cache = 1
#
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu.php
#
page.headerData.11 = TEXT
#
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypSlideOutMenus.js" language="JavaScript"></script> temp.ypMenu.special = directory
#
# 57 ist die ID der root-page - siehe screenshot
#
temp.ypMenu.special.value = 1
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/scripts/menu_bg2.gif
#
50 = TEXT
#
50 {
#
text.field = title
#
fontSize = 10
#
fontFile = fileadmin/templates/fonts/verdana.ttf
#
fontColor = #222222
#
offset = 10,20
#
niceText = 0
#
transparentBackground = 1
#
}
#
100 = || IMAGE
#
100.file = fileadmin/scripts/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
die bilder sind nicht vorhanden ... aber das sollte zum testen nichts ausmachen denn da sollte ich entweder nix oder nur ein weisses kästchen sehnen....
aber wenn ich meine startseite aufrufe dann steht dort temp.ypMenu.special = directory
hier noch ein link zum anschauen
http://web6.h118879.serverkompetenz.net/index.php?id=2
wäre toll wenn mir da jemand weiterhelfen könnte
Hi
betreffend dem Kommentar. Schreib mal das hier
temp.ypMenu.special = directory
auf eine neue Zeile. (Steht ziemlich am Anfang nach "language="JavaScript"></script>"
Viele Grüsse
Bebbi
soweit os gut ... aber ich hab das mit der definition noch nicht verstanden irgendwie ?!!...
denn wenn ich zb. in der css datei ein higrubild angebe dann wird das einfach nicht übernommen ?! ...
ich sehe auch nicht wohin die.mmContent li etc. hinzeigen ...
#angry#
weil eigentlich hatte ich vor das die buttons der ersten ebene komplett durchsichtig bleiben damit die buttonleiste dahinter noch zu sehen ist ferner ist mir auch noch völlig unklar wir ich das menu "aufbrechen" kann damit ich 3 buttons ganz links habe und die anderen ganz rechts also die buttons per pixelangabe fixieren ...
ausserdem versuche ich einen anderen font anzugeben ... hab impact.ttf hochgeladen aber benutzt wird er trotzdem nicht gibts dafür special tricks ?
Hallo Leute,
ich habe dieses Menü in der Version von Liberation aus dem Meadethread zum Laufen bekommen. Jedoch würded ich anstatt tmenu !alles! in gmenu realisiert haben. da das mnü ja auf css aufbaut, geht das sicherlich nicht so einfach. vielleicht könnte man die grafiken eines gmenu als hintergrundbild in die menüblöcke anzeigen lassen? ich habe keine vorstellung wie und vor allem wo ich vorgehen kann.
Vielleichr kann mir jemand helfen, der schon mehr Erfahrung mit dem Menü hat.
Gruß
Leu
in dem code von mir siehst du doch wie es gemacht ist...
@rosieres
meiner Meinung ist bei dir nur die erste ebene als gmenu realisiert (wie überall.) ich will aber sämtliche menüpunkte mit dem gifbuilder erstellen. webnn ich alle punkte als gmenu angebe, würde allerdings alles durcheinadergeraten. zumindest soweit ich das überschaue.
stimmt .. hab ich völlig überlesen das du alles vom gifbuilder erstellen lassen willst....
hast du noch garnicht ausprobiert ? wie sieht es denn aus wenn du das TS setup umschreibst auf gmenu ?
weiss jemand wie man das menu mit TV zum laufen bringt ? .... ohne TV klappts aber ich hab meine ganze Seite mit TV realisiert und will davon nicht mehr weg....
DS XML:
<t3datastructure>
<root type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_menu type="array">
<tx_templavoila type="array">
<title>Menu</title>
<sample_data type="array">
<numindex index="0">Hier kommt das Hauptmenu hin</numindex>
</sample_data>
<etype>TypoScriptObject</etype>
<etype_extra type="array">
<objpath>temp.ypMenu</objpath>
</etype_extra>
<typoscriptobjpath>temp.ypMenu</typoscriptobjpath>
</tx_templavoila>
</field_menu>
<field_content type="array">
<tx_templavoila type="array">
<title>Content</title>
<sample_data type="array">
<numindex index="0">hier kommt der content</numindex>
</sample_data>
<etype>ce</etype>
<typoscript>
10= RECORDS
10.source.current=1
10.tables = tt_content
</typoscript>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
<label>Content</label>
</tceforms>
</field_content>
</el>
</root>
</t3datastructure>
Der SETUP CODE
#################################################
# DAS DYNAMISCHE MENU
#################################################
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
temp.ypMenu {
1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
wrap = |
XY = [50.w]+20, 25
30 = IMAGE
30.file = fileadmin/templates/Bilder/menu_bg.png
transparentBackground = 1
50 = TEXT
50 {
text.field = title
hide = 1
fontFile = fileadmin/templates/fonts/IMPACT.TTF
offset = 2,20
fontColor = #FFFFFF
transparentBackground = 1
}
}
IFSUB < temp.ypMenu.1.NO
IFSUB = 1
RO < temp.ypMenu.1.NO
RO = 1
RO {
30 >
}
IFSUBRO < temp.ypMenu.1.NO
IFSUBRO = 1
IFSUBRO {
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
#################################################
# STANDARD PAGE
#################################################
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/main.css
page.8 = USER
page.8.userFunc = tx_templavoila_pi1->main_page
page.8{
temp.ypMenu = COA
temp.ypMenu {
20 < temp.user_menu
}
}
TEMPLA VOILA und ypMENU
Hallo zusammen
Bin echt begeistert von dem Menü und es will sogar auf unserer Seite laufen. Naja Feintuning ist noch angesagt.
Ich arbeiten auch mit Templa Voila und bin gerade dabei alles umzustellen. So läuft es bei uns:
####################################################
###Setting up the page object
####################################################
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
################################
###ypSlideOutMenu horizontal
################################
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypSlideOutMenus.js" language="JavaScript"></script>
################################
###Body and Includes
################################
page.bodyTag = <body>
...
Jetzt folgt das Setup der Extension gov_accessibility
...
page.config.index_enable = 1
####################################################
### Configuring Dynamic CSS
####################################################
page.CSS_inlineStyle (
BODY
{
...
Hier im css-Abschnitt des Setups habe ich eingefügt:
...
#####################################################
###ypSlideOutMenu Horizontal CSS
#####################################################
/*
###################
# ypMenu Styles #
###################
#cMenu {
height:31px;
width: 708px;
margin-left:1px;
margin-bottom:1px;
background: #FFFFFF url(/fileadmin/LAYOUT/scripts/ypSlideOutMenuH/menu.png) repeat-x top left;
position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
*/
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
# Untermenü Ebene 1
.mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative;
left:0px; top:0px;
}
.mmContent li {
padding: 0px; margin: 0px;
}
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
.mmContent li a {
display: block;
color: #222222;
font-weight:normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 150px;
padding: 5px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}
* html .mmContent li a {
width: 160px;
width: 160px;
}
...
und so weiter ... der Code wurde schon so oft dargestellt! Danach geht es wieder weiter mit dem Setup der Extension gov_accessibility
...
#centercontent .contentWrapper
...
Im Abschnitt nach
####################################################
###Setting up doctype, language-stuff and Adminpanel
####################################################
fügte ich folgendes ein
...
####################################################
###ypSlideOutMenu Horizontal
####################################################
temp.ypMenu.special = directory
# 1849 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 1
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/LAYOUT/scripts/ypMenu/menu_bg.png
50 = TEXT
50 {
...
der gesamte Code ist ja bekannt. Es folgen wiederum alle anderen Setupteile der gov_acessibility Extension.
Im Abschnitt mit den marks
...
####################################################
###feeding TYPO3 with the xhtml-template
####################################################
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = {$maintemplate}
workOnSubpart = {$templateWorkOnSubpart}
kopiert ich folgendes
##################################################
###ypSlideOutMenu Horizontal
##################################################
marks.MENU = COA
marks.MENU {
10 < temp.ypMenu
20 < temp.user_menu
Danach folgt wieder der Rest aus dem gov_acessibilty setup
####################################################
###replacing static markers with dynamic content
####################################################
marks.CONTENT = COA
...
Das Menü funktioniert einwandfrei, jedoch ist bei mir noch einiges Tuning angesagt
http://andi.lisandi.com