---
title: "bildertausch im template"
url: "https://www.typo3.net/d/67908-bildertausch-im-template"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2007-09-10"
last_reply: "2007-09-16"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# bildertausch im template

Allgemein · 7 Antworten · gestartet 2007-09-10

## Eröffnungsbeitrag

**nicocero** · 2007-09-10 · [Beitrag #1](https://www.typo3.net/d/67908-bildertausch-im-template/1)

hallo typo3 anwender

gleich vorweg, ich bin blutiger anfänger und bin gerade dabei typo3 auszuprobieren. ich habe ein bestehendes TYPO3 templates vom netz heruntergeladen. jetzt möchte ich hintergrundfarbe und das bild im template ändern. für jede aufgerufene seite möchte ich ein anderes bild haben. (oder eine reihe von bildüberblendungen). wie kann ich das template bearbeiten? wie muss ich da vorgehen? besten dank für eure rückmeldungen.

gruss aus managua

## Antworten

### [#2](https://www.typo3.net/d/67908-bildertausch-im-template/2) · extension22 · 2007-09-10

> **nicocero schrieb:**
>
> ...ich habe ein bestehendes TYPO3 templates vom netz heruntergeladen. jetzt möchte ich hintergrundfarbe und das bild im template ändern. für jede aufgerufene seite möchte ich ein anderes bild haben. (oder eine reihe von bildüberblendungen). wie kann ich das template bearbeiten? wie muss ich da vorgehen? besten dank für eure rückmeldungen.

Hallo Nicocero,
da wo das Bild früher war, einen Platzhalter setzen und per Typoscript oder durch einfügen eines Contentblocks das gewünschte Bild / Seite einfügen. Das google-Suchwort für Vererbung, also wenn das Bild auf Unterseiten angezeigt werdne soll, außer es wurde ein anderes gewählt, lautet "slide".

Grüße,
Ext.22

### [#3](https://www.typo3.net/d/67908-bildertausch-im-template/3) · nicocero · 2007-09-10

danke Ext.22 fuer deine rasche antwort, ich versteh aber eigentlich nur bahnhof. kann man das auch fuer einen laien verstaendlich machen. gruss

### [#4](https://www.typo3.net/d/67908-bildertausch-im-template/4) · Michaelh74 · 2007-09-11

Ein HTML-Template mit verschieden Markern oder Subparts auszeichen, gehört zu den absoluten Grundkenntnissen und dafür gibt es etliche Dokus. Damit muß man sich als Anfänger wohl oder übel auseinander setzen - da kommt man einfach nicht drum herum.

Im Grunde genommen mußt Du das HTML Template bearbeiten. An der Stelle, an der sich derzeit das Bild befindet einen Marker oder einen Subpart setzen.

Diesen Bereich kannst Du dann über TypoScript befüllen z.B. mit einem Bild, das im Feld Dateien / Files auf dem Formular einer jeden Seite eingebunden werden kann. Soviel zum Grundprinzip. Genaueres findest Du sicher über die Suche hier im Forum mit Sichwörtern wie Bild pro Seite, wechselndes Bild, Slide, etc.

Viele Grüße
Michael

### [#5](https://www.typo3.net/d/67908-bildertausch-im-template/5) · nicocero · 2007-09-12

hallo zusammen

gracias fuer den input. habe ein bisschen geschwitzt und mich auf dem netz schlau gemacht. koennte der folgende code fuer ein wechselndes headerbild funktionieren? bezieht sich uploads/media auf den quellort wo die wechselnden bilder liegen? danke fuer die rueckmeldungen.

<!-- ###DOCUMENT_BODY### -->
<div id="outer-wrapper">
	<div id="header">
		<div id="header-img">
###Header-Bild###
lib.headerimage = IMAGE
lib.headerimage {
  listNum = 0
  file.import = uploads/media/
  file.import.data = register:page_media
  file.maxH = 200
  file.maxW = 800
  file.import.override {
    required = 1
    data = levelmedia: -1, "slide"
    listNum = 0
  }
}</div>
	</div>
	<div id="content-wrapper">
		<div id="left">
			<div id="left-content">
				<div id="left-menu-box">
					<div id="left-menu">###LEFT-MENU###</div>
				</div>
				<div id="left-marker-box">
					<div id="left-marker">###LEFT-MARKER###</div>
				</div>
			</div>
		</div>
		<div id="middle">
			<div id="middle-content">
				<div id="middle-marker-box">
					<div id="middle-marker">###MIDDLE-MARKER###</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div id="footer-box">
				<div id="footer-text">
					<a href="<http://validator.w3.org/check?uri=referer%22%3EXHTML%3C/a>> | <a href="<http://jigsaw.w3.org/css-validator/check/referer%22%3ECSS%3C/a>> | <a href="<http://typo3-templates.it-bo.com>" title="TYPO3 Template">TYPO3 Template</a> | <a href="<http://www.it-bo.com>" title="TYPO3 Agentur">TYPO3 Agentur IT-Bo</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- ###DOCUMENT_BODY### -->

### [#6](https://www.typo3.net/d/67908-bildertausch-im-template/6) · nicocero · 2007-09-12

sorry habe meinen beitrag anscheinend zu frueh los geschickt. mein html file sieht folgendermassen aus:

<!-- ###DOCUMENT_BODY### -->
<div id="outer-wrapper">
	<div id="header">
		<div id="header-img">###HEADER-IMG###</div>
	</div>
	<div id="content-wrapper">
		<div id="left">
			<div id="left-content">
				<div id="left-menu-box">
					<div id="left-menu">###LEFT-MENU###</div>
				</div>
				<div id="left-marker-box">
					<div id="left-marker">###LEFT-MARKER###</div>
				</div>
			</div>
		</div>
		<div id="middle">
			<div id="middle-content">
				<div id="middle-marker-box">
					<div id="middle-marker">###MIDDLE-MARKER###</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div id="footer-box">
				<div id="footer-text">
					<a href="<http://validator.w3.org/check?uri=referer%22%3EXHTML%3C/a>> | <a href="<http://jigsaw.w3.org/css-validator/check/referer%22%3ECSS%3C/a>> | <a href="<http://typo3-templates.it-bo.com>" title="TYPO3 Template">TYPO3 Template</a> | <a href="<http://www.it-bo.com>" title="TYPO3 Agentur">TYPO3 Agentur IT-Bo</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- ###DOCUMENT_BODY### -->

nun habe ich auf dem netz folgenden script für den wechselnden Header gefunden:

###HEADER###
marks {
HEADER = IMAGE
HEADER {
file.import = uploads/media
file.import.data = level:-1, slide
file.import.listNum = 0
file.import.width = Grösse hier eingeben
}

}

die frage ist nun wo muss ich den script einbauen ins html file oder in css file header. bei css file sieht es folgendermassen aus:

#header {
	position: absolute;
	left: 0;
	top: 6px;
	height: 263px;
	background: #FFFFFF;
}
#header-img {
	position: absolute;
	left: 6px;
	top: 6px;
	height: 251px;
	background: #FFFFFF;
}

wer kann mir da ein bisschen unter die arme helfen. gruesse & merci

### [#7](https://www.typo3.net/d/67908-bildertausch-im-template/7) · SLAng · 2007-09-13

*räusper...

Also du musst dich wirklich erstmal mit den grundlegenden Dingen beschäftigen... Also Learning by doing ist immer gut, aber ein paar Grundlagen sollte man schon haben...
Wenn du uns nun fragst ob TypoScript (TS) ins HTML oder ins CSS gehört, dann lässt das schon etwas... wundern.

Da es sich um TS handelt gehört es natürlich in dein TS-Setup. Also am besten in deinem Haupttemplate in den Bereich Setup. Es muss dann in deinem Page-Bereich stehen.

Deinen Code kannst du anschaulicher mit den BB-Codes über dem Eingabeformular formatieren... Wird dann leserlicher für die Forenmitglieder...

Bitte lies mal die Einstiegsdoku: <http://www.mittwald.de/fileadmin/pdf/dokumentation.pdf>

### [#8](https://www.typo3.net/d/67908-bildertausch-im-template/8) · nicocero · 2007-09-16

räusper ... also ich habe mal deinen vorschlag zu herzen genommen und das typo3 dokument durchgearbeitet und siehe da es hat fast, fast alles geklappt. ich habe aber noch eine frage im punkt 4.3.7 "Den Trailer" erzeugen wird die vorgehensweise für einen trailer erklärt. frage kann man statt eines farbigen HG auch ein bild verwenden und den text dann wie beschrieben darüberlegen? hier der code aus der dokumentation:

09  10 = TEMPLATE
10  10.template = FILE
11  10.template.file = fileadmin/vorlage.html
12  10.workOnSubpart = DOKUMENT
13  10.marks {
14   TRAILER = IMAGE
15   TRAILER.file = GIFBUILDER
16   TRAILER.file {
17    XY = 559, 86
18    backColor = #82BC8B
19    10 = TEXT
20    10.text.field = subtitle // title
21    10.fontSize = 60
22    10.fontFile = fileadmin/fonts/arialbi.ttf
23    10.fontColor = #96CC9F
24    10.niceText = 1
25    10.offset = 10, 75
26
27    20 = TEXT
28    20.text.field = subtitle // title
29    20.fontSize = 36
30    20.fontFile = fileadmin/fonts/arialb.ttf
31    20.fontColor = #E2F5E5
32    20.niceText = 1
33    20.offset = 40, 68
34   }

gruss & dank

---

Quelle: „bildertausch im template“, typo3.net, https://www.typo3.net/d/67908-bildertausch-im-template
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.