Hallo
Ich möchte im Header 2 Bilder übereinander legen, also das Hintergrundbild auf Layer1 und das Logo auf Layer2.
Ich habe es so versucht, was aber nicht klappt, da die Bilder nicht übereinander, sondern untereinander angezeigt werden.
temp.header = COA
temp.header {
10 = IMAGE
10.file = fileadmin/templates/main/images/banner_berlin_orange.png
20 = IMAGE
20.file = fileadmin/templates/main/images/logo_d_it.png
20.linkWrap = <a href="?id=1">|</a>
20.offset = 0, 23
}
Wie kann ich das mache? Kann ich mit TS irgendwie festlegen, dass das Hintergrundbild als "background" eingefügt und das Logobild als "img src"?
Gruss
temp.header = COA
temp.header {
5 = HTML
5.value = <div class="layer1">
10 = IMAGE
10.file = fileadmin/templates/main/images/banner_berlin_orange.png
15 = HTML
15.value = </div><div class="layer2">
20 = IMAGE
20.file = fileadmin/templates/main/images/logo_d_it.png
20.linkWrap = <a href="?id=1">|</a>
20.offset = 0, 23
30 = HTML
30.value = </div>
}
Der Rest ist Stylesheet
Hier die beiden Layer eintragen
Hallo Wunschtacho
Ich bin auch etwas weiter gekommen, aber zum Ziel komme ich irgendwie nicht.
temp.header = IMAGE
temp.header.file = GIFBUILDER
temp.header.file {
XY = 780, 150
backColor = #FFFFFF
10 = IMAGE
10.file = fileadmin/templates/main/images/banner_berlin_orange.png
10.file.width = 780
10.offset = 0,0
20 = IMAGE
20.file = GIFBUILDER
20.file.backColor = #FFFFFF
20.file.XY = 277,52
20.mask = fileadmin/templates/main/images/logo_d_it.png
20.offset = 20,50
}
Das Logo ist dann nur noch grau und dann müsste ich den Link noch reinbekommen. Ich denke, ich folge mal deinem Vorschlag.
Gruss
Danke für deinen Tip!
Nun habe ich die 2 Bilder an der richtigen Stelle 😃
.layer1 {
position: relative;
left: 0px;
top: 0px;
z-index: 1;
}
.layer2{
position: relative;
left: 30px;
top: -80px;
z-index: 2;
}
mit dem Parameter wrap kann man das auf 2 Objekte kürzen 😉