Zum Inhalt springen

Überschrift mit Bild mithilfe vom GIFBUILDER?!

Erstellt am 16. April 2013 · 1 Antwort · letzte Antwort am 19. April 2013

Tags: Inhaltselemente, Bilder, Frage

viva_la_noche ·

Hallo Leute,

ich habe da mal ein (Verständnis-)Problem, bei dem ihr mir hoffentlich schnell helfen könnt. o.O
Ein Kunde möchte bei Überschriften, die mit dem GUIFBUILDER generiert werden, bei einigen Inhaltselementen ein kleines Bild (mit einer bestimmten Größe) davor setzen. Nun habe ich auch schon meine erste Extension gebaut und das Feld (mit dem Feldnamen: headlineimage) wird im Backend neben der Überschrift dargestellt. Danach habe ich bei tt_content --> addItems eine neue Überschrift eingefügt und beim GIFBUILDER eine neue Überschrift generiert - soweit so gut, ohne Bildchen klappt also alles.
Aber wie bekomme ich jetzt das Bild davor? Ist das überhaupt möglich bzw. wie ist das zu handhaben? Ich habe dazu irgendwie nichts passendes im Internet gefunden :-(

Mein momentaner Stand im TS sieht so aus:

lib.stdheader.10.52 < temp.gfxHeader
lib.stdheader.10.52.wrap = <div class="csc-Header csc-Header-52">|</div>
lib.stdheader.10.52.file {
    XY = [10.w]+460,28
    transparentBackground = 0
    backColor = #ffffff

        5 >
        10 {
            offset = 400,19
            fontColor = #849192          
        }

        20 = IMAGE
        20.field = tx_extttcontent_headlineimage 
        //20.data = field : headlineimage
        //20.data = {field:headlineimage}
        20.field.wrap = <img src="uploads/tx_extttcontent/|" />
       
}

Gruß viva_la_noche

viva_la_noche ·

Da mir ja hier keiner eine Lösung verraten konnte, kommt jetzt hier meine Lösung. Das Bild ist nun rechts von der Überschrift und beides ist rechts ausgerichtet.

lib.stdheader.10.52 < temp.gfxHeader
lib.stdheader.10.52.wrap = <div class="csc-Header csc-Header-52">|</div>
lib.stdheader.10.52.file {
    XY = [10.w]+[20.w]+58,45
    transparentBackground = 0
    backColor = #ffffff

        5 >
        10 {
            offset = 18,29
            fontColor = #849192
            fontSize = 17
          
        }
        20 = IMAGE
        20.file.import.field = tx_extttcontent_headlineimage
        20.file.import = uploads/tx_extttcontent/
        20.offset = [10.w]+38,4
       
}