Zum Inhalt springen

[GIFBUILDER] BOX und transperent

Erstellt am 3. Februar 2005 · 8 Antworten · letzte Antwort am 6. Februar 2005

Tags: Bilder, Frage

johanness ·

Hallo Leute,

ich erzeuge mir gerade meine Header-Grafik. Dazu erstelle ich mit dem GIFBUILDER ein Bilder, das sich folgendermaßen zusammensetzt:

temp.topTemplate = COA
temp.topTemplate {
  1 = IMAGE
  1.file = GIFBUILDER
  1.file {
    format = jpg
    quality = 100
    XY = 455,100

    10 = IMAGE
    10 {
      file.import = fileadmin/inhalte/banner/
      file.import.data = levelmedia:2, slide
      file.width= 455
    }

    20 = BOX
    20 {
      dimensions = 20,35,10,10 #[30.w],[20.h]
      color = red
    }

    30 = TEXT
    30 {
      text = GIFBUILDER
      offset = 20,35
      fontSize = 20
    }

    40 = IMAGE
    40 {
      file = fileadmin/static/top-border.png
      transparentBackground = 1
      offset = 0,91
    }

  }
}

Die Grafik wird schon richtig ausgewählt und der Text passt auch.

- Die BOX allerdings, wird nicht angezeigt. Wieso? Sie sollte am besten leicht transperent sein. Geth das?

- Die Ecken sollen unten abgerundet sein. Dazu habe ich ein top-border.png Bild erstellt, der einen transperenten Hintergrund hat. Doch dieser wird nicht erkannt, sondenr stattdessen eine weiße Fläche gezeigt. Wie kann ich die Ecken abrunden?

Danke,
Joahnnes

johanness ·

Das mit der BOX habe ich mittlweile lösen können.

Aber das mit den Ecken nicht! Vielleicht wärst ja vielleicht du mal so nett, einein Tipp abzugeben, anstatt die Sprüche. Anderen Typo3-Anfängern vergeht so evtl. der Spaß. Wenn du der einizge sein willst, der Typo3 gut kann, kannst du natürlich weiter machen!

Zu meinen Ecken:
Natürlich schaffe ich es, eine Grafik mit transperenter Ebene über mein Bild zu legen. Aber ich habe bei einem *.png-File ja die Möglichkeit z.B. eine Farbe mit "Stufentransperent" zu speichern. Ist es möglich, dass man via Gifbuilder ein Resultat bekommt, dass eben diese Stufentransperenz über ein anderes Bild legt, damit der Rand nicht so "hart" rund gemacht wird.

johanness ·

Ok, ich habe es jetzt doch einfach mit einem transperenten *.gif gemacht, weil ich gesehen habe, dass er den Übergang automatisch weich rendert. Danke, an Typo3!

Stoneage ·

Ich hab genau sowas gemacht. Abgerundete Kanten und abgesoftete Farben. Aber weiß nicht mehr genau wie. Ich glaube der Trick war Typo3 auf png-Rendern zu stellen.

T.