Zum Inhalt springen

Ausgefranste Grafik im Menü

Erstellt am 11. November 2006 · 2 Antworten · letzte Antwort am 11. November 2006

Tags: Bilder, Frage

lemon ·

Hallo Leute,

ich möchte ein Menü erstellen, bei dem vor bestimmten Menüpunkten eine Grafik erzeugt wird.
Habe das so realisiert:

page.10.marks.SIDEBAR-LEFT {
  entryLevel = 1
  1 = GMENU
  1 {
    noBlur = 1
    transparentBackground = 1
    NO {
      XY = 195, 19
      backColor = #669933
      10 = TEXT
      10 {
        text.field = title
        text.case = upper
        fontFile = fileadmin/fonts/isocteur.ttf
        fontColor = #000000
        fontSize = 17
        niceText = 1
        offset = 30, 14
      }
    }
    USR < .NO
    USR = 1
    USR {
      5 = IMAGE
      5 {
        file = fileadmin/images/key.png
      }
      10.fontColor = #646464;
    }
  }
}

Das Problem ist nun, daß ich um das PNG-Bild einen unschönen pixeligen weißen Rand habe.
Wenn ich das Bild durch ein GIF ersetze, habe ich keinen Rand sondern einen weißen Rahmen, der das Bild rechteckig umgibt - also ein weißes Kästchen rundum. Wohlgemerkt: sowohl die PNG- als auch die GIF-Version sind transparent erstellt worden und haben im Original keinen weißen Rand!
Ich benutze Typo3 4.0.2 mit ImageMagick 4.2.9 und habe im Install-Tool eingestellt, daß alle Grafiken als PNG erzeugt werden.

Hat jemand einen Tip für mich? Bitte nicht schreiben, ich soll doch einfach statt einer transparenten Grafik eine Grafik mit demselben Hintergrund wie im Menü verwenden. Ich möchte den Menühintergrund nämlich auch mal ändern können, ohne die Grafik austauschen zu müssen.

Viele Grüße!

Lemon

P.S. Momentan seht Ihr so ein Beispiel unter http://aipin.lemonline.eu. Die angesprochene Grafik ist das Vorhängeschloss im linken Menü.

toyde ·

Hi,

a)

lemon schrieb

Wohlgemerkt: sowohl die PNG- als auch die GIF-Version sind transparent erstellt worden und haben im Original keinen weißen Rand!

Hab die Grafik aus deinem Fileadmin (gemäss dem Pfad im TypoScript fileadmin/images/key.png) in eine farbige Seite eingebaut. Der Rand ist da. Liegt also nicht an der GIFBUILDER-Ausgabe im Frontend.

b) "Erstelle das Gif doch mit der grünen Hintergrundfarbe #669933", wäre tatsächlich die zweite Antwort gewesen 😉 , aber das wünschst Du anscheinend nicht. Da bleibt nur: das Originalfile ohne jeglichen Rand abzuspeichern - obwohl die runden Kanten(v.A. der Bogen) vom Schloss wohl etwas eckiger werden. Oder nutze eine alternative Schloss-Grafik.
Halbtransparenz ist evtl. ein Begriff den es lohnt über Google nachzuschlagen. Aber bei heutigem Browserstand nicht anwenderfreundlich (IE <= 6).

grüsse

lemon ·

Hallo toyde,

mannomann, ist mir jetzt ein wenig peinlich :o
Da hab ich mit Photoshop mit der Radiurgummi die Ränder ausgeschnitten und 'ne Webgrafik gemacht, und nicht damit gerechnet, dass Photoshop wieder selbständig 'nen Rand drummacht.
Vielen Dank für Deinen Tip!

Viele Grüße aus Südtirol!

Lemon