Re: [TYPO3-german] Bild aus der Rand-Spalte als Hintergrundbild des Headers nutzen

2014-07-15 Diskussionsfäden David Gurk
Hier ein kleiner Hinweise. (so ganz lose aus dem Gedächtnis geschrieben...)

page.10.marks.HEADERIMAGE  styles.content.getBorder
page.10.marks.HEADERIMAGE {
renderObj = IMG_RESOURCE
renderObj { 
file {
...
}
}
}

Und ein paar Links:
http://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/ImgResource/Index.html?highlight=img
http://docs.typo3.org/typo3cms/TyposcriptReference/Functions/Imgresource/Index.html#imgresource

Es wird im Grunde genauso ausgelesen wie das IMAGE Objekt:
http://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Image/Index.html#cobj-image

Ich hoffe, so kannst du dir das erarbeiten. Wenn's noch irgendwo hakt, sag 
Bescheid. =)

-Ursprüngliche Nachricht-
Von: typo3-german-boun...@lists.typo3.org 
[mailto:typo3-german-boun...@lists.typo3.org] Im Auftrag von Kristina Drömmer
Gesendet: Dienstag, 15. Juli 2014 09:20
An: typo3-german@lists.typo3.org
Betreff: [TYPO3-german] Bild aus der Rand-Spalte als Hintergrundbild des 
Headers nutzen

Hallo!

Ich möchte für jede Seite meiner Website ein anderes Headerbild anzeigen. (Habe 
einen Marker ###HEADERIMAGE### gesetzt) Ich lege in die Rand-Spalte jeder Seite 
ein unterschiedliches Bild und lese es mit Typoscript einfach so aus:
page.10.marks.HEADERIMAGE  styles.content.getBorder 

Nun liegt mein Bild in irgendeinem DIV. Würde es aber gerne im CSS als 
background-image nutzen um die Breite auf 100% setzen zu können.
Wenn ich nämlich dem div 100% gebe nimmt es einfach die Größe vom Bild, möchte 
das Bild aber über die ganze Breite ziehen, selbst wenn es eigentlich nicht so 
groß ist.. Wenn ich dem img 100% Breite gebe zieht es sich auch nicht über die 
ganze Breite sondern nimmt die 1040px der Bildbreite.

Kann jemand mir helfen?

LG, Kristina
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Re: [TYPO3-german] Bild aus der Rand-Spalte als Hintergrundbild des Headers nutzen

2014-07-15 Diskussionsfäden Peter Kühnlein

Am 15.07.2014 09:19, schrieb Kristina Drömmer:

Hallo!

Ich möchte für jede Seite meiner Website ein anderes Headerbild 
anzeigen. (Habe einen Marker ###HEADERIMAGE### gesetzt)
Ich lege in die Rand-Spalte jeder Seite ein unterschiedliches Bild und 
lese es mit Typoscript einfach so aus:

page.10.marks.HEADERIMAGE  styles.content.getBorder
Nun liegt mein Bild in irgendeinem DIV. Würde es aber gerne im CSS als 
background-image nutzen um die Breite auf 100% setzen zu können.
Wenn ich nämlich dem div 100% gebe nimmt es einfach die Größe vom 
Bild, möchte das Bild aber über die ganze Breite ziehen, selbst wenn 
es eigentlich nicht so groß ist.. Wenn ich dem img 100% Breite gebe 
zieht es sich auch nicht über die ganze Breite sondern nimmt die 
1040px der Bildbreite.


Kann jemand mir helfen?

LG, Kristina
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

Hi Kristina,

ich hab das mal mit einer etwas anderen Variante gelöst, nämlich dem 
Bild in der Media-Resource der Seite als Quelle. Das hat dann so 
funktioniert:


page.10.marks.EYECATCHER=IMG_RESOURCE
page.10.marks.EYECATCHER{
file {
import.data = levelmedia: -1,slide
import = uploads/media/
import.listNum = 0
}

und einfach da (und das ist der eigentlich Punkt), wo Du das Bild als 
Hintergrund haben willst, so einbinden:


style=background: #ff url(###EYECATCHER###) repeat: no-repeat 
position: right bottom;


Das sollte theoretisch mit Deiner Lösung über den Spalteninhalt auch gehen.

LG, Peter

--

http://function2form.net
http://peter-kuehnlein.net

As Yasuda Ukyo said about offering the last wine cup, only the end of things is 
important. One's whole life should be like this.
(Hagakure)

___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german