---
title: "Runde Ecken mit GIFBUILDER + tt_news"
url: "https://www.typo3.net/d/70169-runde-ecken-mit-gifbuilder-tt-news"
source: "typo3.net"
tags: ["Extensions","Bilder","Frage","tt_news"]
created: "2007-11-06"
last_reply: "2007-11-06"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Runde Ecken mit GIFBUILDER + tt_news

Extensions · 0 Antworten · gestartet 2007-11-06

## Eröffnungsbeitrag

**Flotter** · 2007-11-06 · [Beitrag #1](https://www.typo3.net/d/70169-runde-ecken-mit-gifbuilder-tt-news/1)

Hallo Zusammen,

ich habe folgendes Tutorial gefunden, mit welchem man Bilder mit runden Ecken versehen kann - dies geht aber nur für Text mit Bild Elemente.

<http://www.typo3wizard.com/de/snippets/gifbuilder/dynamische-masken.html>

Das TypoScript sieht folgendermaßen aus:

```typoscript
tt_content.image.20.1.file >
tt_content.image.20.1.file {
  import.current = 1
  width.field = imagewidth
  m.mask.import.cObject = IMG_RESOURCE
  m.mask.import.cObject.file = GIFBUILDER
  m.mask.import.cObject.file {
        # Hier wird die dynamische Maske mit der gleichen größe wie das aktuele
        # Bild erstellt, aber mit runden Ecken.
    XY = [10.w],[10.h]
    format = gif
        # Da der "XY" Parameter keinen stdWrap hat, finden wir die größe durch 
        # erneutes laden des Bilds herraus
    10 = IMAGE
    10.file {
      import.current = 1
      width.field = imagewidth
      maxW = {$styles.content.imgtext.maxW}
      maxW.override.data = register:maxImageWidth
      maxWInText = {$styles.content.imgtext.maxWInText}
      maxWInText.override.data = register:maxImageWidthInText
    }
        # Erstellen einer weißen Box der die ganze größe einnimmt
    20 = BOX
    20.dimensions = 0,0,[10.w],[10.h]
    20.color = #FFFFFF
        # Die Maske für die Ecke oben links setzen
    30 = IMAGE
    30.file = {$imagePath}cornermask_tl.gif
    30.align = l,t
        # Die Maske für die Ecke oben rechts setzen
    40 = IMAGE
    40.file = {$imagePath}cornermask_tr.gif
    40.align = r,t
        # Die Maske für die Ecke oben unten links
    50 = IMAGE
    50.file = {$imagePath}cornermask_bl.gif
    50.align = l,b
        # Die Maske für die Ecke oben unten rechts
    60 = IMAGE
    60.file = {$imagePath}cornermask_br.gif
    60.align = r,b
  } 
    # Die schnellste methode (empfohlen) ist ein statisches Bild wie folgt zu verwenden:
    #m.bgImg = {$imagePath}clear.gif
    # Aber es kann auch dynamisch erstellt werden:
  m.bgImg.import.cObject = IMG_RESOURCE
  m.bgImg.import.cObject.file = GIFBUILDER
  m.bgImg.import.cObject.file {
        # Hier wird wird die dynamische bgMask erstellt
        # Größe dieses Bildes ist unwichtig
    XY = [10.w],[10.h]
    format = gif
    10 = BOX
    10.dimensions = 0,0,10,10
    10.color = {$bgColor}
  }
}
```

Jetzt die Frage - wie kann ich das so umschreiben, dass das auch für Bilder von tt_news geht? Ich habe schon ein paar Ansätze gehabt, nur leider ohne Erfolg.

Hatte z.B. versucht die Bilder von tt_news folgendermaßen anzusprechen:

```typoscript
plugin.tt_news.displayList.image.file >
plugin.tt_news.displayList.image.file { // anweisungen von oben
}
```

Funktioniert leider alles nicht - kann mir jemand sagen, wie sowas mit dem Gifbuilder zu realisieren wäre?

Vielen Dank und Gruß
Florian

---

Quelle: „Runde Ecken mit GIFBUILDER + tt_news“, typo3.net, https://www.typo3.net/d/70169-runde-ecken-mit-gifbuilder-tt-news
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.