Zum Inhalt springen

Bild per uploads/media in CSS schreiben

Erstellt am 20. Oktober 2007 · 3 Antworten · letzte Antwort am 20. Oktober 2007

Tags: Bilder, HTML & CSS, Frage

hombo13 ·

Hallo Forum - ich möchte dem Redaktor die Möglichkeit geben ein Bild in den Seitenheader oben setzen zu lassen. Je nach Seite gibt das ein anderes Bild. Das macht man mit

temp.pageimage = IMAGE
temp.pageimage.file {
	import = uploads/media/
	import.data = levelmedia: -1,slide
	import.listNum = 0
	}

Mit einem Marker kann man dann das Bild im Template einsetzen.

Ich möchte aber die Hintergrundbilder seitenabhängig im Stylesheet einbinden (ich kann die Bilder per CSS einfach besser platzieren). Kann man das machen? Hat jemand eine Idee?

jousch ·

Du könntest für diesen Teilbereich dynamische CSS-Dateien anfügen und diese per Typoscript erstellen einbinden.

Unbekannter Benutzer ·

... und wenn Du wissen willst, wie man das genau macht:

page.10 = TEXT
page.10 {
	wrap = <style type="text/css"> | </style>

	data = levelmedia:-1, slide
        wrap = <style type="text/css">.box_1 {background-image: url(uploads/media/ | );background-repeat:no-repeat;background-position: 0% 0%;}
}

Eine der möglichen Möglichkeiten. CSS natürlich individuell anpassbar.

Viele Grüße
Niki

hombo13 ·

Danke Niki und... so habe ich das gelöst (Slash vor upload ergänzt und wrap in runden Klammern wegen Umbruch in Quelltext):

page {
	includeCSS {
		file1 = fileadmin/pfadanpssen/style.css
		file1.media = all
		file1.title = costum style

	}
	
	headerData.10 = TEXT
	headerData.10 {
        data = levelmedia:-1, slide
        wrap (
        <style type="text/css">
	<!--
	#spass {
	background-image: url(/uploads/media/ |);
	background-repeat: no-repeat;
	}
	-->
	</style>
	)
}
	
	
	
}