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
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
danke Ext.22 fuer deine rasche antwort, ich versteh aber eigentlich nur bahnhof. kann man das auch fuer einen laien verstaendlich machen. gruss
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
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">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</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### -->
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">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</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
*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
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