Zum Inhalt springen

Menü mit Runden Ecken?

Erstellt am 26. Mai 2008 · 5 Antworten · letzte Antwort am 29. Mai 2008

Tags: Frage

brink ·

Hallo,

ich hätte da mal ein Problem hab mir ein Menü mit Hintergrundbild gebaut. Das Hintergrundbild ist ein .gif. Hab es auch mal als .png versucht. Aber leider wird mir im Menü das Bild immer mit weissen Hintergrund an den Runden Ecken angezeigt.. Soll aber Tranzparent sein?

Hier mal das TS:

# Menü links (Text)            
MENUE = HMENU
MENUE.entryLevel = 0
MENUE.1 = GMENU
MENUE.1 {

   expAll=0
   NO {
     # Grösse des Navigationsbuttons
     format = png
     XY = 205, 38
     wrap = |  
     #transparentBackground = 0,0
      Grafik in den Hintergrund legen
     5 = IMAGE
     5.file = fileadmin/images/menue2.gif

    # grafischen Text über den Button legen
     10 = TEXT
     10 = TEXT
     10.text.field = title
     10.fontColor = #847a67
     10.fontFile = fileadmin/fonts/arial.ttf
     10.fontSize = 14
     10.niceText = 1
     10.offset = 20,25
   }

   ACT < .NO
   ACT = 1
   ACT {
    # Schriftfarbe im ACTIVE Modus austauschen
     10.fontColor = #a37e58
   }

   RO < .NO
   RO = 1
   RO {
    # Hintergrundbild im ROLLOVER Modus austauschen
     5 = IMAGE
     5.file = fileadmin/images/menue1.gif
     10.fontColor = #f4f1dd
   }

Bei .png füllt er die ganze Flächen und die Ecken sind garnicht da?

Hat da jemand einen Idee wie ich das machen kann.

Gruss
Joachim

brink ·
brink schrieb

Hallo,

ich hätte da mal ein Problem hab mir ein Menü mit Hintergrundbild gebaut. Das Hintergrundbild ist ein .gif. Hab es auch mal als .png versucht. Aber leider wird mir im Menü das Bild immer mit weissen Hintergrund an den Runden Ecken angezeigt.. Soll aber Tranzparent sein?

Hier mal das TS:

# Menü links (Text)            
MENUE = HMENU
MENUE.entryLevel = 0
MENUE.1 = GMENU
MENUE.1 {

   expAll=0
   NO {
     # Grösse des Navigationsbuttons
     format = png
     XY = 205, 38
     wrap = |  
     #transparentBackground = 0,0
      Grafik in den Hintergrund legen
     5 = IMAGE
     5.file = fileadmin/images/menue2.gif

    # grafischen Text über den Button legen
     10 = TEXT
     10 = TEXT
     10.text.field = title
     10.fontColor = #847a67
     10.fontFile = fileadmin/fonts/arial.ttf
     10.fontSize = 14
     10.niceText = 1
     10.offset = 20,25
   }

   ACT < .NO
   ACT = 1
   ACT {
    # Schriftfarbe im ACTIVE Modus austauschen
     10.fontColor = #a37e58
   }

   RO < .NO
   RO = 1
   RO {
    # Hintergrundbild im ROLLOVER Modus austauschen
     5 = IMAGE
     5.file = fileadmin/images/menue1.gif
     10.fontColor = #f4f1dd
   }

Bei .png füllt er die ganze Flächen und die Ecken sind garnicht da?

Hat da jemand einen Idee wie ich das machen kann.

Gruss
Joachim

Hier zu sehen: http://www.wesolowskihairstyle.de/typo3/

typo3tester ·

Hi Brink,

wie hast Du das GIF denn erzeugt?
Bei mir funktioniert die Transparenz bei einem GIF das ich mit Photoshop erzeugt habe.

Bei PNG gibt es ein Problem im IE 6, der kann die Transparenz nicht darstellen.
Aber in den anderen Browsern funktioniert es.
Daß die Ecken gar nicht da sind ist komisch.

Gruß, Regina

brink ·

Problem selber gelöst..

XY = 205, 38
wrap = |
transparentBackground = 0,0

damit die farbe des Botton tranzparent ist... hatte es ja schon drin nur nicht aktiv..

brink schrieb

Keiner eine Idee?

Gruss
Joachim

:o