Zum Inhalt springen

Problem mit gmenu transparentBackground

Erstellt am 11. Juli 2006 · 22 Antworten · letzte Antwort am 12. Juli 2006 · Seite 1 von 2

Tags: Frage

Stivy ·

Hallo...

wieder mal ein newbee mit einem Problem.

Also Hauptmenü muss GMENU sein da der Kunde eine ganz bestimmt schrift haben will untermenü dann ganz normales TMenu.

Wenn man über Navi1 geht erscheint mouseover das Navi2 Menü.

ich habe schon:

transparentBackground=1
transparentColor=#ffffaa

aber das ist wohl nicht richtig denn es erscheinen nur weisse Boxen. Das Submenü für die jeweiligen Boxen funzt aber so wie es soll... das Menü ist angeleht an http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=89

hier nu mein Quelltext...

# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = GMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li><div id="top">|</div><ul>
        NO.linkWrap = <li><div id="top">|</div></li>
        10 = TEXT
        XY = 80, 30
        10.text.field = title
        10.algin = left
        10.fontColor = #FF0000
  	10.fontFile = fileadmin/kelt.ttf
  	10.fontSize = 12
  	10.niceText = 0
  	10.offset = 7, 21
  	transparentBackground=1
  	transparentColor=#ffffaa
        }

     # Zweite Ebene (erster vertikaler Teil)
     # ----> Alle folgenden sind identisch mit dieser
     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       IFSUB = 1
       IFSUB.allWrap = <li>|<ul>
       NO {
          linkWrap = <li>|</li> 
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}
Stivy ·

ist meine frage so blöd?? ich komme halt echt nicht weiter... das 1. level menü ist nicht sichtbar also nur weisse balken der hover effekt für die 2. ebene tut aber... das kann ja nur irgendein script fehler sein

igorshmigor ·
# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = GMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li><div id="top">|</div><ul>
        NO.linkWrap = <li><div id="top">|</div></li>
        NO{
           10 = TEXT
           XY = 80, 30
           10.text.field = title
           10.align = left
           10.fontColor = #FF0000
  	   10.fontFile = fileadmin/kelt.ttf
  	   10.fontSize = 12
  	   10.niceText = 0
  	   10.offset = 7, 21
  	   transparentBackground=1
  	   transparentColor=#ffffaa
        }
     }

...

[/quote]

Der Fehler lag darin, daß Du vergessen hast, die Eigenschaften einem Menüzustand zuzuweisen. Also, wie im korrigierten Script ein NO { (... Grafikeigenschaften ...) } drumrumsetzen.
Außerdem war da noch ein Schreibfehler bei align, aber das hat mit deinem Darstellungsfehler nichts zu tun.

Stivy ·

Danke schon mal für die Hilfe habs sofort ausprobiert und nu hab ich ein neues problem was denke ich mal mit dem Ifsub zusammenhängt. Die beiden Menüpunkte die ein submenü haben sind immer noch falsch dargestellt... muss man vielleicht für das ifsub extra klammern drum herum bauen??

igorshmigor ·

weiß nicht, wie sieht denn Dein fertiges Script jetzt aus?
Ich denke mal Du solltest vielleicht IFSUB nach dem NO definieren und dann erstmal mit IFSUB < .NO alle Eigenschaften von NO übernehmen. Eventuell IFSUB.linkWrap > einfügen, falls der linkWrap für IFSUB nicht gebraucht wird.

Noch ein Fehler, der übrigens schon auf der Exotec-Seite im Beispiel auftaucht:
man darf jede ID nur einmal vergeben. Also statt <div id="top"> solltest Du schreiben <div class="top"> und die CSS entsprechend anpassen. Auch wenn manche Browser den Fehler ignorieren, korrekt ist es nicht.

igorshmigor ·
# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = GMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
      
        NO.linkWrap = <li><div id="top">|</div></li>
        NO{
           10 = TEXT
           XY = 80, 30
           10.text.field = title
           10.align = left
           10.fontColor = #FF0000
  	   10.fontFile = fileadmin/kelt.ttf
  	   10.fontSize = 12
  	   10.niceText = 0
  	   10.offset = 7, 21
  	   transparentBackground=1
  	   transparentColor=#ffffaa
        }
     }

     IFSUB < .NO
     IFSUB.allWrap = <li><div id="top">|</div><ul>
...
Stivy ·

hihi da muss ich doch glatt mal schmunzelt... nu ist das komplette template weg *g* ich such gleich mal den fehler...

ist halt irgendwie nicht so einfach für wen der ziemlich neu ist in der materie...

Stivy ·

ok jetzt nochmal von vorne...

ich hatte dieses Menu was auch super tat, nur leider will der Kunde für das Level1 Menü eine ganz besondere Schrift. dann dachte ich ... gut wenn es nur die schrift ist dann versuch ich es mit dem Gmenu. Nur irgendwie schein ich es wirklich nicht hinzubekommen aus dem H ein Gmenu zu machen

# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = TMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li>|<ul>
        NO.linkWrap = <li>|</li>
        }

     # Zweite Ebene (erster vertikaler Teil)
     # ----> Alle folgenden sind identisch mit dieser
     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       IFSUB = 1
       IFSUB.allWrap = <li>|<ul>
       NO {
          linkWrap = <li>|</li> 
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}

die div id="top" habe ich komplett rausgenommen, waren nur dazu da die menüpunkte fett zu schreiben was aber beim Gmenu ja eh nichts nutzt *g*

igorshmigor ·
# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = GMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
      
        NO.linkWrap = <li><div id="top">|</div></li>
        NO{
           10 = TEXT
           XY = 80, 30
           10.text.field = title
           10.align = left
           10.fontColor = #FF0000
  	   10.fontFile = fileadmin/kelt.ttf
  	   10.fontSize = 12
  	   10.niceText = 0
  	   10.offset = 7, 21
  	   transparentBackground=1
  	   transparentColor=#ffffaa
        }
        IFSUB < .NO
        IFSUB.allWrap = <li><div id="top">|</div><ul>
     }

   
...

Habe in meinem Script grad selbst einen Fehler gefunden. So ist es richtig. IFSUB stand an falscher Stelle.

Stivy ·

ja das hatte ich auch gesehen... aber jetzt ist das menü immer ausgeklappt und die mouseoverliste funktioniert nicht...

man man ich verzweifel hier echt noch hab die codeschnipsel hin und her gedreht alle möglichen varianten ausprobiert aber es tut einfach nicht...

Stivy ·

Alle Hauptmenüpunkte werden jetzt dank Igorshmigor und meiner frickelei richtig dargestellt. Jedoch funktioniert das Javascript zum aufklappen der Unternavigation nicht mehr. Ich denke immmernoch das es an einer fehlerhaften IFSUB Anweisung liegt. Alle Unternavigationspunkte sind nicht in der richtigen <li> werden einfach nur hingeschrieben und haben keine Styles mehr...
in der Css Datei sind die Styles für die ul und li innerhalb von #menu definiert taten ja auch bevor das Gmenu kam ...

Vielleicht hilft ja der quellcode der Seite

<div id="menu">
  
<ul id="menu">

    <a href="index.php?id=5" onfocus="blurLink(this);">     <img src="typo3temp/menu/e90e94e33a.gif" alt="DIE LOCATION" border="0" height="30" width="70" /> </a>

<li>

    <a href="index.php?id=36" onfocus="blurLink(this);"> Ambiente </a>

</li>
<li>

    <a href="index.php?id=32" onfocus="blurLink(this);"> Galerie </a>

</li>
<li>

    <a href="index.php?id=8" onfocus="blurLink(this);"> Geschmack </a>

</li>
<li>

    <a href="index.php?id=7" onfocus="blurLink(this);"> Partner </a>

</li>
<li>

    <a href="index.php?id=6" onfocus="blurLink(this);"> Presse </a>

</li>
</ul>

    <a href="index.php?id=4" onfocus="blurLink(this);">     <img src="typo3temp/menu/bbacd934df.gif" alt="EVENTS" border="0" height="30" width="70" /> </a>

    <a href="index.php?id=3" onfocus="blurLink(this);">     <img src="typo3temp/menu/14fa31a6e2.gif" alt="KONTAKT" border="0" height="30" width="70" /> </a>

<li>

    <a href="index.php?id=15" onfocus="blurLink(this);"> Reservieren </a>

</li>

<li>

    <a href="index.php?id=14" onfocus="blurLink(this);"> Wegfinder </a>

</li>

<li>

    <a href="index.php?id=17" onfocus="blurLink(this);"> Kontaktformular </a>

</li>

<li>

    <a href="index.php?id=12" onfocus="blurLink(this);"> Adresse & Impressum </a>

</li>

    <a href="index.php?id=2" onfocus="blurLink(this);">     <img src="typo3temp/menu/1211276f6d.gif" alt="GAESTEBUCH" border="0" height="30" width="70" /> </a>

  
</div>

das dazugehörige Typoscript:

# Menü einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = GMENU
     1 {
        expAll = 1
        wrap = <ul id="menu">|</ul>
        NO.linkWrap = <li>|</li>
        NO{
           10 = TEXT
           XY = 70, 30
           10.text.field = title
           10.align = left
           10.fontColor = #bd1158
           10.fontFile = fileadmin/FUTURABC.TTF
           10.fontSize = 14
           10.niceText = 0
           10.offset = 0, 20
           transparentBackground=1
           transparentColor=#ffffaa
        }
        IFSUB = 1
        IFSUB.linkWrap = <li>|<ul>
        IFSUB{
           10 = TEXT
           XY = 70, 30
           10.text.field = title
           10.align = left
           10.fontColor = #bd1158
           10.fontFile = fileadmin/FUTURABC.TTF
           10.fontSize = 14
           10.niceText = 0
           10.offset = 0, 20
           transparentBackground=1
           transparentColor=#ffffaa
        }
     }

     # Zweite Ebene (erster vertikaler Teil)
     # ----> Alle folgenden sind identisch mit dieser
     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       NO {
          linkWrap = <li>|</li>
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}
Stivy ·

hab das <ul id="menu"> geändert in <ul> aber einzige aufgabe war der ul ein margin zu geben...

jetzt ist das menü ein paar pixel nach oben gerutscht aber ansonsten alles beim alten...

Stivy ·

Wie gesagt ist es egal ob die div nu menu oder die ul id menu hat darin steht nur eine style anweisung zur ausrichtung

Stivy ·

ja sie ist eingebunden... direkt im head der datei... und hat ja auch mit dem t-menu alles super funktioniert nur muss ja jetzt die erste menuebene ein gmenu sein

Stivy ·

nein leider auch nicht dann zeigt er das hauptmenü an packt darunter die ul und li für´s sub und die anderen Hauptkategorien rutschen dann unters submenü.

wenn ich nur die hauptnavi mache dann ist alles ok... er zeigt die Bilder, hab noch n RO hinzugefügt und das tut auch... gibt es eine andere Möglichkeit das submenü unter die Hauptmenüpunkte zu pappen ausser mit ifsub? es kann ja nur daran liegen oder aber das ich beim wrap irgendwas falsch mache...

warum ist das denn auch nur alles so kompliziert... draussen scheint die sonne und ich rauf mir die haare...