Problem mit gmenu transparentBackground

Stivy · 2006-07-11T20:01:04+00:00

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 = | expAll = 1 IFSUB = 1 IFSUB.allWrap = | NO.linkWrap = | 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 = | expAll = 1 IFSUB = 1 IFSUB.allWrap = | NO { linkWrap = | RO = 1 } } 3 < .2 4 < .2 5 < .2 6 < .2 }

Stivy · 12. Juli 2006 12:07

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 · 12. Juli 2006 12:17

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 · 12. Juli 2006 13:26

# 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 · 12. Juli 2006 13:40

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

igorshmigor · 12. Juli 2006 14:03

Hast Du auch versucht nach

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

die Zeile

IFSUB.linkWrap >

anzufügen?

Stivy · 12. Juli 2006 16:14

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
}

just2b · 12. Juli 2006 16:15

sollte nicht sein... ersters sollte anders heißen

georg

Stivy · 12. Juli 2006 16:22

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

just2b · 12. Juli 2006 16:26

drum bennen nicht das id vom ul sondern vom div um

Stivy · 12. Juli 2006 16:38

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

just2b · 12. Juli 2006 16:42

js-datei eingebunden?

Stivy · 12. Juli 2006 16:44

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

igorshmigor · 12. Juli 2006 16:44

Es muß nicht heißen

IFSUB.linkWrap = <li>|<ul>

sondern

IFSUB.allWrap = <li>|<ul>

Stivy · 12. Juli 2006 16:56

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

Stivy · 12. Juli 2006 18:13

Hab mein Problem jetzt gelöst... freu mich wie hulle... wenn noch wer ähnliches vorhat hier mein Code:

# 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{
           wrap = <li>|</li>
           10 = TEXT
           XY = 100, 30
           10.text.field = title
           10.align = left
           10.fontColor = #bd1158
           10.fontFile = fileadmin/FUTURABC.TTF
           10.fontSize = 16
           10.niceText = 0
           10.offset = 0, 20
           transparentBackground=1
           transparentColor=#ffffaa
        }
        RO < .NO
        RO=1
        RO.10.fontColor = #564028
        IFSUB < .NO
        IFSUB = 1
        IFSUB.wrap = <li>|<ul>
        IFSUBRO < .NO
        IFSUBRO = 1
        IFSUBRO.10.fontColor = #564028
        }
        
        # 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
             }
       }
}
        
}

igorshmigor · 12. Juli 2006 18:16

Klingt nach einem CSS-Problem

Stivy schrieb
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...

heißt das, dass Du die id="menu" komplett weggelassen hast? Wenn Du die CSS-Datei aus dem Beispiel verwendest, dann wird menu benötigt. In der Beispiel-Datei steuert diese Klasse nicht nur den Margin, sondern auch die Position und ist darüberhinaus in fast allen folgenden CSS-Definitionen als Selektor aufgeführt.
Sprich .menu ul, .menu li ul, .menu li li ul, .menu li und .menu li li werden ignoriert, wenn Du das <div class="menu"> entfernst. Damit bricht die ganze Navigation zusammen.

Edit: OOOps, zu spät, Du warst schneller als ich. Schön dass es jetzt doch noch klappt.

Stivy · 12. Juli 2006 18:39

Jahhhh Bin auch ganz stolz auf mich...

hab jetzt innerhalb von 5 Tagen ne komplette Typoseite mit dem besagten menü news gästebuch und co ans laufen bekommen

wie gesagt danke für eure Hilfe... kommt bestimmt bald wieder was wo ich hilfe brauche...

lerne ja noch *g*