---
title: "[GIFBUILDER] BOX und transperent"
url: "https://www.typo3.net/d/20823-gifbuilder-box-und-transperent"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2005-02-03"
last_reply: "2005-02-06"
replies: 8
solved: false
page: 1
pages: 1
lang: "de"
---

# [GIFBUILDER] BOX und transperent

TYPO3 › TypoScript · 8 Antworten · gestartet 2005-02-03

## Eröffnungsbeitrag

**johanness** · 2005-02-03 · [Beitrag #1](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/1)

Hallo Leute,

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

```typoscript
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

## Antworten

### [#2](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/2) · johanness · 2005-02-04

Keiner einen Tipp?

### [#3](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/3) · theo · 2005-02-04

lies dir mal die dokumentation "typoscript by example" durch.
nomen est omen... ;)

### [#4](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/4) · johanness · 2005-02-04

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.

### [#5](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/5) · johanness · 2005-02-04

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!

### [#6](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/6) · johanness · 2005-02-05

Jetzt bleibt noch eine Frage:

Wie bekomme ich es hin, dass die BOX leicht transperent ist?

Danke,
Johannes

### [#7](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/7) · Stoneage · 2005-02-05

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.

### [#8](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/8) · johanness · 2005-02-06

Laut TSRef kann der Gifbuilder gar keine *.png-Bilder rendern!?  #paralyzed#

### [#9](https://www.typo3.net/d/20823-gifbuilder-box-und-transperent/9) · Stoneage · 2005-02-06

Doch, das kannst Du im Install-Tool umschalten. Guckst Du hier: www.sevenval.de

Gruss,

T.

---

Quelle: „[GIFBUILDER] BOX und transperent“, typo3.net, https://www.typo3.net/d/20823-gifbuilder-box-und-transperent
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.