Zum Inhalt springen

[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )

Erstellt am 25. Januar 2005 · 119 Antworten · letzte Antwort am 13. November 2007 · Seite 5 von 6

Tags: JavaScript & AJAX, Tipp

Yannis ·

hey, ich habe nen bisschen was geschafft: man sieht jetzt auch im IE etwas, nur es passt nöch nicht wirklich: http://web18.claudia.hosting-friends.de/test/

muss natürlich nochh alles angepasst werden, aber ich möchte erst das menu am laufe haben. Das Design wird natürlich auch noch anders, dies wird die neuauflage unserer seite.
Hofentlich könnt ihr mir helfen!

Yannis

nordic ·

sorry ich kann dir leider auch net helfen :o

Aber kann das sein, dass der IE bei einer bestimmten menge an menüpunkten zusammen mit dem ypmenu streikt?! der zerhaut das ganze layout, während es im FF normal geht! ....habe deswegen das menü auf zwei teile aufgeteilt, im FF geht es auch wieder - im IE funktioniert das erste normal, beim zweiten sind die menüpunkte aber leider untereinander angeordnet...

kann mir jemand sagen woran das liegt, oder ob das überhaupt einen sinn hat, das in 2 teilezu teilen?!

Link: http://www.meranier-gymnasium.de

vielen Dank, nordic

Yannis ·

Also, bei meade.de / sci-worx.de gehts ja, vllt kann uns jemand mal die Dateien und das TS als .zip zuschicken der es hingekriegt hat?

E-mail: info@yannis-k.de

Wäre echt nett;
bis dann, euer Yannis

charly83 ·

Hallo

Bin auch noch neu und verzweifle schön langsam mit dem ypMenu.
Vielleicht kann mir wer weiterhelfen.
Wenn ich im Template den Code für die Unterpunkte weglasse funktioniert mein Menü einwandfei. Gebe ich sie wieder dazu macht Typo beim jeweiligen Menüpunkt enen Zeilenumbruch und schreibt die Unterpunkte wie einen Link darunter.

Für eine Antwort wäre ich sehr dankbar.

Mit freundlichen Grüßen
Thomas

WeVo ·

Hallo @ all,

also ich kann mich charly83 nur anschliessen! Ich habe das selbe Prob #angry#
Ich habe die Dateien downgeloadet den Menüeintrag in mein Hauptemplate erstellt. Das Template ypMenu erstellt und anschließend ins Maintemplate mit eingebunden. Die ID im ypMenutemp von 57 auf 1 gesetzt. Anstatt der Hintergrundbilder einfach mal wilde Farben eingegeben, Cache geleert und los geht's! :o Oh man und was kommt raus .... so en Mißt (bitte nicht denken dass das mein Haupttemplate mal wird / es sind im Moment nur wilde Basteleien - bin noch so ein halber typo3 newbe :o )

Bild: zffh.de/hc.jpg

Wie man sehen kann werden die Hauptmenüeinträge richtig gesetzt. Auch der Rollover funktioniert - aber nur bei den Menüpunkten welche keine Untermenüs haben!Allerdings werden die Untermenüeinträge einfach rechts vertikal aufgelistet. Wieso?
Sobald ich über einen Hauptmenüeintrag drübergehe, welcher Unterpunkte besitzt, bekomme ich unten im IE 6 einen Scriptfehler im ypSlideOutMenu in der Zeile 184 Zeichen 1. Oh Gott #angry# !!! Naja leider habe ich keine Ahnung an was es liegt! Hoffentlich kann mir BITTE! jemand von Euch helfen! Falls Ihr das TS brauchen solltet, einfach bescheid sagen! Vielen Dank!

Viele Grüße

Markus

charly83 ·

@WeVo

Bei mir hat es folgendes Problem gehabt.
Typo hat im externen Template kein js geladen. Jetzt hab ich das ganze ins main Template eingebunden und es funktioniert wunderbar.

Mit freundlichen Grüßen
Thomas

marsian ·

Hallo allseits

ich suche dringend die Dateien für das horizontale ypMenu. Die Links am Anfang dieses Threads sind leider tot und ich finde leider nur die Dateien für das vertikale ypMenu (Diese umzubauen ist leider auch nicht so einfach).

Kann mir jemand einen funktionierenden Link angeben?

Gruss Simon

marsian ·

Habs nun geschafft das ypMenu auf horizontal zu stellen.

Falls jemand die Dadeien benötigt kann er hier posten.

Gruss Simon

marsian ·

@ Strichmännli

Ich meinte etwas anders.

Ich hatte nur Dateien für das YPMenu welches vertikal angeordnet ist. Der Link für das horzintale Menu funzt leider nicht mehr.

Nun habe ich die php-Datei des vertikalen Menus mit dem Code im ersten Thread über das YPMenu abgeglichen und es funktioniert.

Leider kann ich Dir nicht weiterhelfen. Mir fehlt da einfach die Zeit. Das ganze sollte aber in der php-Datei zu machen sein.

Sorry das ich nicht weiterhelfen kann.

Yannis ·

Ich habe das Problem mit dem IE gelöst:

Benennt den DIV-Container in dem die Menu-Zeile liegt in

<div id="MenuNavigation"></div>

um, dann sollte das Menu auch im IE funktionieren.
Bei mir hieß der Container vorher nur "menu", aber jetzt gehts!
Ich weiß aber nicht, was das soll.

Viel Glück,
der Yannis

WeVo ·

Ich versteh es einfach nicht!
Ich bekomm es einfach nicht hin! nachdem ich den letzten Thread gelesen habe ist mir auch aufgefallen, dass ich garkeine div's eingesetzt habe. Als ich jetzt allergdings versucht habe die Zelle mit nem div tag zu umranden, passiert eigentlich nicht viel, bis darauf, dass eine weiße Fälche in der Zelle erscheinthttp://www.zffh.de/index.php. Aber weiter komm ich auch nicht. Ich habe versucht das Menü in mein CMS einzubinden und hocke jetzt schon mehrere Wochen an diesem Sch.....aber es tut sich einfach nichts! Ich habe ganz normal das Template erstellt und in mein Haputtemplate eingebunden. Aber es passiert einfach nichts!!! Die ID der Rootpage habe ich auch abgeändert aber es hilft alles nichts! #angry# #evil#
Hat nicht jemand noch für mich einen Lösungsansatz oder ein Tutorial für D....? 😉

Vielen Dank!

Markus

charly83 ·

Hallo

Mein Menü hat daheim am Rechner schon einwandfrei funktionert.
Nun habe ich alles auf den Server gestellt und jetzt werden keine Unterpunkte mehr angezeicht bzw. kein SlideOut. Die erste Menüebene wird einwandfei dargestellt.
Verwende Typo 3.8.1

Hat jemand eine Idee an was das liegen kann?
Danke im Voraus!
Mfg
Thomas

arrow ·

Also ich habs mal schnell auf meinem Backupserver nach gebaut und hab eigentlich keinerlei Probleme mit dem Menü gehabt. Ich schicke euch mal alles was ihr benötigt meiner Meinung nach 😉. Ein Problem gibts dabei allerdings noch wobei ich evtl. erfahrene Hilfe benötigen würde. Die Positionierung der subLevels funktioniert nur Teilweise. Wenn im Menü selbst Wörter mit Umbruch zu Tage kommen zerreisst er meine Positionierung seht am besten selbst: http://85.214.32.188/index.php?id=121

Die Horizontale Variante:

Das TS ins Maintemplate integrieren bzw. komplett übernehmen (ist nen bischen wirr dadrin da es auszüge ausm Backupserver sind).

page = PAGE
page.bodyTag = <body bgcolor="#CCCCCC" topmargin="0">
page.typeNum = 0
page.stylesheet = fileadmin/templates/style2/class.css
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/vorlage_con_sol.html
     workOnSubpart = DOKUMENT

     marks.INHALT = CONTENT
     marks.INHALT {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 0
                    select.languageField = sys_language_uid
                }

     marks.MENU = COA
     marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }

                marks.KLICKPFAD = HMENU
                marks.KLICKPFAD {
                    special = rootline
                    special.range = 2 | 1
                    1 = TMENU
                    1.NO = 1
                    1.NO.linkWrap = &nbsp; &nbsp; &#124; |*| &nbsp; -> &nbsp; &#124; |*| &nbsp; ->  
}

    marks.MENU_UNTEN = HMENU
    marks.MENU_UNTEN {
        special = directory
        special.value = 124
        1 = TMENU
        1.NO = 1
        1.NO.linkWrap = &nbsp;|&nbsp;&#124;|*|&nbsp;|&nbsp;&#124;|*|&nbsp;|
        }

marks.BUTTON = HMENU
marks.BUTTON.special = browse
marks.BUTTON.entryLevel=1
marks.BUTTON.special{
    items = prev | next
    items.prevnextToSection = 1 
    prev.fields.title = « zurück 
    next.fields.title = vor »
    }

marks.BUTTON.1 = TMENU
marks.BUTTON.1.NO {
    linkWrap = &nbsp;|&nbsp;
} 

marks.DRUCKVERSION = TEXT
marks.DRUCKVERSION {
field = uid
wrap = <a href="index.php?id= |&type=1" target="_new">Druckversion</a>
}

}

#Druckansicht
druckversion = PAGE
druckversion {
    typeNum = 1
    10 = CONTENT
    10.table = tt_content
    10.select.orderBy = sorting
    10.select.colPos = 0

#druckversion.stylesheet = fileadmin/druck.css
druckversion.10 = TEMPLATE
druckversion.10 {
template = FILE
template.file = fileadmin/druckansicht.html
marks.INHALT = CONTENT
}
}

config.extTarget = _self

Das ist mein Externes Template. Dieses Template liegt in einem SysFolder. Man bindet es ein in dem Man unter Template->auf "click here to edit whole template record" klickert-> dann auf include basis template das template einbinden.

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.ini
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
temp.ypMenu.special.value = 119
temp.ypMenu.entryLevel = 0
temp.ypMenu = HMENU
temp.ypMenu {
 1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |

               XY = [50.w]+20, 31

//backColor = #343471

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button.png
  
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          //     100 = || IMAGE
          //     100.file = fileadmin/scripts/ypMenu/menu_space.gif
          } 
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
//               backColor = #40408C
               wrap = |

               XY = [50.w]+20, 31

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button-ro.png

               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
//               backColor = #40408C
               wrap = |

               XY = [50.w]+20, 31

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button-ro.png

               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          }
     }    

     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>
     }
     5 = TMENU
     5 {
          IProcFunc = user_menu->fifthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
     6 = TMENU
     6 {
          IProcFunc = user_menu->sixtLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd

Kommen wir nun zur HTML Vorlage:

<html>
<head>
</head>
<body bgcolor="#CCCCCC">

<!-- ###DOKUMENT### begin -->

<table border="0" width="1020" height="581">

	<tr>
		<td height="577" width="1020">
		
		<div style="position: absolute; width: 783px; height: 576px; z-index: 1; left: 118px; top: 17px; background-image:url('fileadmin/images/cons/cw-bg-sol.png')" id="back"></div>
		<div style="position: absolute; width: 765px; height: 456px; z-index: 2; left:127px; top:121px; background-image:url('fileadmin/images/cons/cw-bg-blau.png')" id="back2"></div>
		<div style="position: absolute; width: 697px; height: 342px; z-index: 2; left:144px; top:180px; background-color:#D8DADC" id="inhalt">###INHALT###</div>
		<div style="position: absolute; width: 701px; height: 38px; z-index: 2; left:144px; top:141px" id="cMenu">###MENU###</div>
		<div style="position: absolute; width: 700px; height: 21px; z-index: 2; left:142px; top:523px;" id="menu_unten">###MENU_UNTEN###</div>		
		<div style="position: absolute; width: 700px; height: 18px; z-index: 2; left:142px; top:540px;" id="klickpfad">###KLICKPFAD###</div>
		<div style="position: absolute; width: 109px; height: 22px; z-index: 3; left:732px; top:523px" id="druckansicht" align="right">###DRUCKVERSION###</div>
               <div style="position: absolute; width: 109px; height: 18px; z-index: 3; left:732px; top:540px;" id="button" align=right>###BUTTON###</div>
</td>	
	</tr>
	</table>
<!-- ###DOKUMENT### end -->
</body>
</html>

Die zugehörige CSS Datei:

<strong>CSS-code ( fileadmin/templates/style2/class.css ) für das ypMenu und für den DIV mit der ID cMenu</strong>

#cMenu {
     height:31px;
     width: 708px;
     margin-left:1px;
     margin-bottom:1px;
     background: #343471 url(http://85.214.32.188/fileadmin/scripts/ypMenu/menu.png) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
 
/*
###################
# ypMenu Styles #
###################
*/
.mmContent {
     /* nrmale schrift definieren */
     font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
 
.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 {
     /* Links bzw. die slideMenü-Elemente definieren */
     display: block;
     color: #ffffff;
     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; /* der rand zwischen den MenüElementen */
}
 
* html .mmContent li a {
     width: 160px;
     width: 160px;
}
 
/* */
.mmContent li a:link { background: #343471; color: #ffffff; font-size: 12px; }
.mmContent li a:visited { background: #343471; color: #ffffff; font-size: 12px; }
 
.mmContent li a:hover{ background: #343471; color: #ffffff; font-size: 12px; }
.mmContent li a:active { background: #343471; color: #ffffff; font-size: 12px; }
 
.mmContent li a.submenu {
background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center; }
.mmContent li a.submenu:hover {
background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center; }
 
/*
##########################################
# ypMenu Styles for our belove IE 5.01 #
##########################################
*/
 
.mmContentb {
     font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
 
.mmContentb ul {
     margin: 0px; padding: 0px;
     list-style: none;
     z-index:2;
     position:relative;
     left:0px; top:0px;
}
.mmContentb li {
     padding: 0px; margin: 0px;
}
 
.menuBackground {
     position:absolute;
     left:0px; top:0px;
     z-index:1;
}
 
.mmContentb li a {
     /* Links bzw. die slideMenü-Elemente definieren */
     display: block;
     width: 150px;
     padding: 5px;
     color: #222222;
     font-weight: normal;
     font-size: 12px;
     font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
     text-decoration: none;
     border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */
}
 
* html .mmContentb li a {
     width: 160px;
     width: 160px;
}
 
.mmContentb li a:link { background: #343471; color: #ffffff; }
.mmContentb li a:visited { background: #343471; color: #ffffff; }
 
.mmContentb li a:hover{ background: #343471; color: #ffffff; }
.mmContentb li a:active { background: #343471; color: #ffffff; }
 
.mmContentb li a.submenu {
     background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center;
     font-size: 12px;
}
.mmContentb li a.submenu:hover {
     background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center;
     font-size: 12px;
}

#inhalt {

	font-family:arial;			/*Schriftart*/
	color:#343471;			/*Schriftfarbe*/
	font-size:12;			/*Schriftgröße*/
	overflow:auto;
	width:100%;
	height:100%;
	padding:20px;
	padding-left:30px;
	scrollbar-base-color:#D8DADC;			/*legt die Grundfarbe des Scrollbalkens fest*/
	scrollbar-track-color:#D8DADC;		/*legt die Hintergrundfarbe des Scrollbalkens fest*/
	scrollbar-face-color:#343471;			/*legt die Farbe der Scrollbalken-Oberfläche fest*/
}

#klickpfad {				/*class mit dem Namen "klickpfad" wird angesprochen*/

	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}


#klickpfad a:hover {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:visited {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:active {			/*Mouseover-Effekt für die class "klickpfad"*/
  	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:link {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#menu_unten {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
  	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

.form {
                 font-size: 11pt;
                 font-family: arial;
}
.table {
                 font-size: 11pt;
                 font-family: arial;
}

#druckansicht {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

textarea {
                overflow-x:hidden;
                overflow-y:auto;
                width:266
}

td {
	font-family:arial;			/*Schriftart*/
	color:#343471;			/*Schriftfarbe*/
	font-size:12;
}

body,
html {
     overflow: hidden;
}

Wem die Pfade zu komisch sind kann sie gern x beliebig abändern.

Die benötigten Datei zu meinem Code bsp.:

http://85.214.32.188/fileadmin/scripts/ypMenu/jslib.js
http://85.214.32.188/fileadmin/scripts/ypMenu/ypSlideOutMenus.js
http://85.214.32.188/fileadmin/scripts/ypMenu/ypmenu.ini
http://85.214.32.188/fileadmin/scripts/ypMenu/line_menu.gif
http://85.214.32.188/fileadmin/scripts/ypMenu/menu.png
http://85.214.32.188/fileadmin/scripts/ypMenu/menu_bg.png
http://85.214.32.188/fileadmin/scripts/ypMenu/menu_space.gif
http://85.214.32.188/fileadmin/scripts/ypMenu/menu_sub.gif
http://85.214.32.188/fileadmin/scripts/ypMenu/menu_sub.png
http://85.214.32.188/fileadmin/templates/style2/class2.css
http://85.214.32.188/fileadmin/templates/fonts/verdana.ttf
http://85.214.32.188/fileadmin/vorlage_con_sol.html

So ich glaube nichts vergessen zu haben 🙂 wer sich wundert warum die ypMenu.ini eine *.ini Datei ist -> nehmt es so hin 😉 so brauch man wenigstens nicht remote arbeiten sondern kann bequem die Datei uploaden für änderungen.
Es werden noch 2 Grafiken für das Menü geladen die ihr euch allerdings selbst zusammen bauen müsstet.
Ich gebe sie euch allerdings trotzdem für die Abmaße.

Die Transparenz wurde ebenfalls entfernt.

http://85.214.32.188/fileadmin/images/cons/cw-button.png
http://85.214.32.188/fileadmin/images/cons/cw-button_ro.png

So dieses Menü funktioniert definitiv lediglich die Positionierung ist momentan bei mir wegen der langen Menüeinträge fürn Popo 😉

Ich hab auch schon versucht den breakpoint zu vergrößern brachte jedoch nicht den gewünschten erfolg. Falls mir ein Erfahrener T3 bauer an der Stelle eventuell helfen könnte wäre ich echt dankbar.

lg und viel spaß arrow

*edit: Die Downloads funzen alle wärs nicht geladen sondern nur angezeigt bekommt sollte nen DownloadManager benutzen oder im Opera den Schnelldownload via URL benutzen.

der typo ·

immer sind's die kleinigkeiten!
nach langem Herumprobieren - kurz vor dem Aufgeben - habe ich es doch hinbekommen. Nach dem ich alles so übernommen habe wie oben beschrieben und die Dateien heruntergeladen hatte war das Ergebnis eher enttäuschend.
Um das Ganze zum Laufen zu bringen muß folgendes gemacht werden:
1.) Die Datei "...fileadmin/scripts/ypMenu/ypmenu.ini" heißt im Pfad im externen Template "ypMenu.ini" - Dateinamen ändern oder im Pfad ändern.
2.) Im TS für das Maintemplate heißt das Stylesheet "class.css" - bei den benötigten Dateien heißt die Datei aber "class2.css" - auch hier Dateinamen ändern oder im Pfad ändern.

Und - siehe da - es läuft!
Viel Spaß
der typo

dorf ·

hallo,

versuch mich auch gerade am slidemenu.
bekomme aber bei den menupunkten die aufklappen sollen einen seitenfehler angezeigt.

Zeile: 137
Zeichen: 2
Fehler: 'container' ist Null oder kein Objekt
Code: 0

weiß einer warum das menu nicht aufgeht.

gruß

dorf ·

hallo,

jetzt geht es.
hab das ganze nochmal durchgearbeitet und jetzt geht es.
weiß der geier warum, wird irgendwo ein schreibfehler dringewesen sein.

gruß

arrow ·

ach entschuldigt ^^ ein paar schreib fehler und schwubs =) aber ihr habts ja hinbekommen. :o

Andere Version andere Probleme.

Ich habe ebend auf T3 Version 4.0 Umgestellt und nen kleinen Anfall bekommen 8-)
Auf einer meiner Websites benutze ich ja das ypMenü das sich anscheinend nicht mehr ganz so gut mit der 4er Version verträgt. Hat jemand das kompatibilitäts Problem der ypMenü.php/ini schon in den Griff bekommen?

aktueller output ist bei mir ->
Warning: Cannot modify header information - headers already sent by (output started at ...\fileadmin\scripts\ypMenu\ypMenu.ini:358-) in
...\typo3\sysext\cms\tslib\class.tslib_fe.php on line 2767

lg

krimske ·

Hallo,

ich wollte auch das menü mal testweise ausprobieren, aber leider kann ich die Dateien nicht runterladen (auch nicht mit einem Downloadmanager).

Hat eventuell jemand die Dateien und wäre so nett und schickt diese mir zu??
An: krimske@gmx.de

Vielen Dank schonmal!

Gruß