Zum Inhalt springen

ypmenu ohne Grafiken als reines Textmenü?

Erstellt am 7. Oktober 2005 · 8 Antworten · letzte Antwort am 17. November 2005

Tags: HTML & CSS, Frage

Unbekannter Benutzer ·

Hallo zusammen,

ich bin neu hier und möchte allen Hallo sagen.

Eine Frage habe ich natürlich auch noch:

Ist es möglich das ypmenü auch als "Barrierefrei" umzubauen? also völlig ohne Grafiken?

Herzliche Grüße an alle

Organic aka Maik Wendelken

jenses ·

Das ist ganz leicht möglich, es ohne Grafiken hinzubekommen.
Dadurch ist aber noch meilenweit von einem barrierefreien(-armen) Menü entfernt 😉
Dafür wäre erheblicher Aufwand nötig, um das Ding dementsprechend umzubauen.

Unbekannter Benutzer ·

Hi Jenses,

wie geht es ganz ohne Grafiken? (Für den Anfang würde es ja erst einmal reichen)

Ich habe dir meinen Code mal mit reingepostet. Vielleicht kannst du was mit anfangen.

Danke

Gruß
Organic

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/fantasy/ypMenu/ypMenu.php
page.meta.DESCRIPTION = XXX
page.meta.KEYWORDS = XXX 
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/fantasy/ypMenu/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, 29

               
               30 = IMAGE
               30.file = fileadmin/fantasy/ypMenu/bg_s.gif
               30.file.width = 150
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 12
                    fontFile = fileadmin/fantasy/ypMenu/arial.ttf
                    fontColor = #FFFFFF
                    offset = 10,20
                    #antiAlias = 0
                    niceText.before = 99
                    transparentBackground = 0
                    }
               #100 = || IMAGE
               #100.file = fileadmin/fantasy/ypMenu/spacer.gif
                } 
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
                60 = IMAGE
                60.file = fileadmin/fantasy/ypMenu/bg_s.gif
                70 = TEXT
                70 {
                    text.field = title
                    fontSize = 12
                    fontFile = fileadmin/fantasy/ypMenu/arial.ttf
                    fontColor = #FFFFFF
                    offset = 10,20
                    #antiAlias = 0
                    niceText.before = 99
                    transparentBackground = 0
                    }

                30 >
                }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
                        80 = IMAGE
                        80.file = fileadmin/fantasy/ypMenu/bg_s.gif
                        90 = TEXT
                        90 {
                              text.field = title
                              fontSize = 12
                              fontFile = fileadmin/fantasy/ypMenu/arial.ttf
                              fontColor = #FFFFFF
                              offset = 10,20
                              #antiAlias = 0
                              niceText.before = 99
                              transparentBackground = 0
                    }

                        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>
     }

     }

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

Ganz einfach, indem du
temp.ypMenu.1 = GMENU
durch
temp.ypMenu.1 = TMENU
ersetzt und den Rest anpaßt.
War das so schwer ?? 😉

jenses

Unbekannter Benutzer ·

ja ist es.
Vergaß ich zu erwähnen, das ich noch im Anfangsstadium von Typo3 bin? :o

Ich war ja scho stolz auf mich das ich das ypmenü überhaupt eingebunden bekommen habe.

Kannst Du mir einen kleinen Tipp geben?

Danke

Gruß
Organic

mstuebner ·
jenses schrieb

Ganz einfach, indem du
temp.ypMenu.1 = GMENU
durch
temp.ypMenu.1 = TMENU
ersetzt und den Rest anpaßt.
War das so schwer??

Die Umsetzung ist zumindest umfangreicher. Den das Skript schmeisst alle CSS-Klassen/IDs und Tags (li u.a.) die man im TSCode angibt einfach weg und setzt ausschliesslich seine eigene.

Da selbige wiederum dynamisch aus den Seiten-IDs generiert werden sind die zur Formatierung nicht wirklich hilfreich.

Schaun mer mal was ich heute so hinbekomme.

lenanicole ·

Hallo zusammen...

Verrätst du mir auch wie du das gemacht hast???
Ich steh nämlich kurz vorm Nervenzusammenbruch, weil ich immer nur die Hälfte von dem versteh, was ihr da so erzählt.

Wäre super, wenn jemand einem armen kleinen völlig verwirrten Mädl erklären könnte, was man genau machen muss, damit das Menü funktioniert! #paralyzed#

Danke schonmal im vorraus!