Zum Inhalt springen

[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )

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

Tags: JavaScript & AJAX, Tipp

mstuebner ·

@n-joy:

Soweit lief ja auch alles bestens, nur wo ich mir die Karten lege ist:

Wie setzen sich die CSS-Klassen und IDs zusammen. Ich finde in der fertigen Seite jede Menge IDs und Klassen a la mm668Container zu denen ich keine Definition finde. Auch das Studium von writeCSS() brachte mich da nicht weiter.

KannSt Du da noch einen Hinweis geben?

n-joy ·
mstuebner schrieb

@n-joy:

Soweit lief ja auch alles bestens, nur wo ich mir die Karten lege ist:

Wie setzen sich die CSS-Klassen und IDs zusammen. Ich finde in der fertigen Seite jede Menge IDs und Klassen a la mm668Container zu denen ich keine Definition finde. Auch das Studium von writeCSS() brachte mich da nicht weiter.

KannSt Du da noch einen Hinweis geben?

moin mstuebner,

ich hoffe, dass ich dir jetzt nichts falsches erzĂ€hle, aber die unterschiedlichen Bezeichnungen beziehen sich im Grunde nur auf die ID's ("a la mm668Container") welche in diesem Fall nicht fĂŒr's Zuweisen deiner CSS-klassen genutzt werden . . .

Also: um das MenĂŒ ĂŒber CSS zu definieren brauchst du nur die class="" angaben zu beachten... wobei man eigentlich auch auf die ID's zugreifen könnte (wenn man fĂŒr ein bestimmten MenĂŒpunkt einen anderen CSS-style definieren möcht...)

In dem CSS-teil des Beispiels stehen eigentlich alle CSS-klassen um sein MenĂŒ 100%'ig anzupassen 🙂

MfG

mstuebner ·
n-joy schrieb

ich hoffe, dass ich dir jetzt nichts falsches erzĂ€hle, aber die unterschiedlichen Bezeichnungen beziehen sich im Grunde nur auf die ID's ("a la mm668Container") welche in diesem Fall nicht fĂŒr's Zuweisen deiner CSS-klassen genutzt werden . . .

Ich bin mir sicher, dass ich nicht zu 1% nachvollziehen konnte was Du vermitteln wolltest. ;-)

Die IDs die im finalen Code der Site stehen können ja in keinem CSS File stehen, da sie die ID der Seite enthalten. Ergo gehe ich davon aus, dass eine oder verschiedene der Klassen als Template benutzt werden, nur konnte ich noch keinen definitiven Zusammenhang erkennen. Versuche es aber weiter.

F.​Eppmann ·

wow, echt super, was du da zusammengestellt hast.

ich beschÀftgige mich schon lÀnger mit diesem menu und habe es auch schon mit typo zum laufen bekommen. allerdings finde ich im mom den fehler nicht.

weiss vllt jemand auf anhieb, wenn er sich den link anguckt, woran es liegen könnte.

http://www.volldiegosse.de/t3

mfg felix

F.​Eppmann ·
mstuebner schrieb

Ist das Absicht, dass die HauptmenĂŒpunkte untereinander angeordnet sind und die UntermenĂŒs an ganz anderen Stellen aufgehen? Firefox 1.0.

ganz genau das sind meine probleme:

1. die menĂŒpunkte werden untereinander dargestellt, anstatt nebeneinander
2. die submenus tauchen in jedem browser (ie, firefox, opera) woanders auf. mal wird position:relative berĂŒcksichtigt, mal nicht.
3. woher kommen diese kleinen kreuzchen in den linken oberen ecken (komischerweise beim ersten menĂŒpunkt nicht)
4. wie kann ich die qualitÀt der bilder höher stellen? bzw. wieso sehen die buttons so "krusselig" aus?

danke schonmal

mfg felix

mstuebner ·
F.Eppmann schrieb

1. die menĂŒpunkte werden untereinander dargestellt, anstatt nebeneinander

Das scheinst Du jetzt ja im Griff zu haben. Was hast Du denn geÀndert?

F.Eppmann schrieb

3. woher kommen diese kleinen kreuzchen in den linken oberen ecken (komischerweise beim ersten menĂŒpunkt nicht)

Irgendwelche Kreuze habe ich noch nicht sehen können.

F.Eppmann schrieb

4. wie kann ich die qualitÀt der bilder höher stellen? bzw. wieso sehen die buttons so "krusselig" aus?

Alles was die Erstellung der Grafiken der ersten Ebene betrifft findest Du in diesem Abschnitt:

temp.ypMenu {
     1 = GMENU
F.​Eppmann ·

ja, 1 und 3 hab ich gestern noch beseitigen können. bei 4 hÀnge ich im mom trotzdem noch fest.

hier mal ein auszug aus meinem TS:

temp.ypMenu = HMENU
temp.ypMenu.entryLevel = 0
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |
               XY = 160,25
               30 = IMAGE
               30.file = fileadmin/page2/images/btn_bg.jpg
               30.file.format = jpg
               30.file.quality = 100
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 18
                    align = center
                    fontFile = fileadmin/fonts/teamspirit.ttf
                    fontColor = #4B4B4B
                    blur = 20
                    offset = 0,20
                    niceText = 0
                  
               }
           
          }

und die sache mit den submenĂŒs ist auch noch da. opera und IE zeigen es mittlerweile korrekt an. nur der firefox positioniert das menĂŒ ganz links.

mstuebner ·
F.Eppmann schrieb

und die sache mit den submenĂŒs ist auch noch da. opera und IE zeigen es mittlerweile korrekt an. nur der firefox positioniert das menĂŒ ganz links.

Das css ist das originale aus dem Beispiel? Mit selbigem öffnet mein Firefox auf meiner Site das UntermenĂŒ korrekt, auf Deiner Site, wie Du selbst schreibst, ganz links.

Nach kurzem Überfliegen Deines PageSource sehe ich aber, dass Du auch den cRoot Container entsorgt hast, zu welchem die UntermenĂŒpunkte ausgerichtet sind. Bau mal den cRoot Div um Deine Seite wieder herum, und Du wirst sehen, dass die UntermenĂŒs dann nicht am Seitenrand, sondern am Rand des cRoot-Div's aufgehen.

Therealherby ·

Hallo,

vielen vielen dank, mit der Anleitung habe sogar ich es hinbekommen :-) Koennte man gleich in die Doku mit einbinden ;-)

Doch ich habe da noch 1-2 Fragen.

Wie bekomme ich eine transparenz wie auf dieser Seite hin?
http://cerutti.abix.ch/

und a) ist es möglich fĂŒr jeden Menuehauptpunkt eine andere Farbe zu waehlen? Und wo kommt dass .mmContent aus dem CSS her? Irgendwo muss es doch gesetzt sein - doch vielleicht habe ich auch nicht richtig geschaut... aber gefunden hab ichs dennoch nicht.

Bye und Gruss
Herby

Alex ·

Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)
An welchen stellen muss man eventuell modifizieren?

Vielen Dank.

Alex

EDIT:
:o Oh lesen mĂŒsste man können steht ja schon zwei BeitrĂ€ge weiter oben :o

mstuebner ·
Alex schrieb

Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)

Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera? ;-)

toyde ·
mstuebner schrieb
Alex schrieb

Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)

Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera? ;-)

Safari z.B. oder andere Browser, via PDA, etc.

mstuebner ·
toyde schrieb

Safari z.B. oder andere Browser, via PDA, etc.

Das ist ok, aber ich glaube der OP meinte was anderes. :-)

Alex ·

Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera?

Naja, ich verwende IE #paralyzed# weil Mr. Gates den so schön verbreitet hat.

Alle meine Browsers aus AWStats:

MS Internet Explorer (Versions) 48694 81.8 %
Unknown 6085 10.2%
Netscape (Versions) 3924 6.5 %
Links 398 0.6 %
Opera 287 0.4 %
Konqueror 73 0.1 %
Nokia Browser (PDA/Phone browser) 28 0 %
LibWWW 8 0 %
UP.Browser (PDA/Phone browser) 4 0 %
Galeon 1 0 %
WebTV browser 1 0 %
EmailSiphon 1 0 %

Alex Weber ·

@n-joy: sehr sehr geile sache, vielen dank das du den code hier postest. habe das menĂŒ wie von dir beschrieben ĂŒbernommen. funktioniert auch alles super.

zwei fragen hÀtte ich aber dann trotzdem noch:

1. was muss ich alles anpassen um das menĂŒ auch vertikal zum laufen zu bekommen? oder hat da eventuell schon jemand was erstellt was er preisgeben wĂŒrde?

2. ist es auch möglich die erste ebene nur als textlinks generieren zu lassen?

Moeffz ·

Hallo,
ich hatte vergleichbares schon unter den 'AnfĂ€ngerfragen gepostet. Ich wollte obiges MenĂŒ auch bei mir integrieren und habe folgende Probleme:

a) Ich habe keine Grafiken zur VerfĂŒgung und habe statt dessen entsprechend eine backColor gesetzt (vgl. Code)
Die entsprechende Variable im php-Code habe ich auskommentiert (auch wenn jetzt erstmal der MAC IE außen vor bleibt.

b) Die ZustÀnde IFSUB und IFSUBRO hatten den Effekt, dass beim RO die Schrift unsichtbar wurde. Habe sie entsprechend herausgenommen und das grafische Problem ist gelöst. Muss ich diese ZustÀnde bei Deinem Beispiel verwenden?

Bei mir tritt nun folgendes Problem auf:
Beim RO ĂŒber einen MenĂŒpunkt, der Unterpunkte hat, geschieht nichts. Auch die Hintergrundfarbe Ă€ndert sich nicht.

Mein Code schaut folgendermaßen aus (Untermenue ist der Name der Markierung; ich habe alles ins Main-Template gebaut):

includeLibs.ypMenu = fileadmin/para/scripts/ypMenu.php
      Untermenue.special.value = 1
      marks.Untermenue.entryLevel = 1
      marksUntermenue = HMENU
      marks.Untermenue {
         1 = GMENU
         1 {
            IProcFunc = user_menu->firstLevel
            expAll = 1
            wrap = |
            NO = 1
            NO {
               wrap = |
               XY = [50.w]+20, 31
               backColor = #CEDBD9
               50 = TEXT
               50 {
                    [...]
               }
          }

          RO < .NO
          RO = 1
          RO {
               backColor = #E7EDEC
               50.fontColor = #00463A
          }
     }    

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

user_menu = USER
user_menu.userFunc = user_menu->menuEnd

Ich hoffe, ich erschlage Euch nicht, aber ich komme einfach nicht auf einen grĂŒnen Zweig 🙁

Therealherby ·

Hallo,

Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)

Ja, siehe http://cerutti.abix.ch/

An welchen stellen muss man eventuell modifizieren?

Tja diese Frage stelle ich mich auch. Benutz mal die Suchfunktion "Beispiel ypmenu", da muesste ne Anleitung kommen. Im Grunde die PHP & Css Datei, die regeln alles designtechnische.

Vielleicht kann mir mittlerweile jemand sagen wie ich die Transparenz fuer Opera, InternetExplorer & Co hinbekomme (Firefox geht's schon).

Ich verspreche auch alles gut kommentiert hier preiszugeben wenn ich fertig bin 8-)

Bye und Gruss
Herby

mstuebner ·
Alex Weber schrieb

1. was muss ich alles anpassen um das menĂŒ auch vertikal zum laufen zu bekommen? oder hat da eventuell schon jemand was erstellt was er preisgeben wĂŒrde?

Du must lediglich in der Datei ypMenu.php in der Funktion function buildIndex($I, $conf, $level) die Zeile:

$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'down';

in

$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'right';

Ă€ndern.

maik ·

Ich habe ein kleines Problem. o.O

Soweit funktioniert alles, ich erhalte aber ein paar Warnings.

Ich bekomme immer vier mal

Warning: imagettfbbox(): Could not find/open font in /var/www/typo3.7/fileadmin/scripts/ypMenu/ypMenu.php on line 135

gefolgt von einmal

Warning: Cannot modify header information - headers already sent by (output started at /var/www/typo3.7/fileadmin/scripts/ypMenu/ypMenu.php:135) in /var/www/typo3.7/typo3_src-3.7.0/typo3/sysext/cms/tslib/class.tslib_fe.php on line 2402
temp.ypMenu.special = directory

Hat jemand eine Ahnung, was das sein könnte?