Zum Inhalt springen

2 Spalte zusammensetzen

Erstellt am 11. August 2006 · 9 Antworten · letzte Antwort am 21. August 2006

Tags: Frage

tamara9999 ·

Hallo,

ich habe eine Typo3 Website mit 4 Spalten. In jeder Spalte sind diverse Contentelemente. Ich möchte nun einen Werbebanner einsetzen, der sich in einem Stück über alle 4 Spalten erstreckt. Oberhalb und Unterhalb dieses Werbebanners soll es aber ganz normal mit den 4 Spalten weitergehen. Wie macht man das?

PGx ·

Du musst einfach den Werbebanner als höhere ebene darüber legen!
z.B.:
hier liegt Ebene 20 über ebene 10.
page = PAGE
page {
10.marks {

# Den Trayler dynamisch ansprechen
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 758, 99
backColor = #FFFFFF

# Das Hintergrundbild einlesen
10 = IMAGE
10.file.import = uploads/media/
10.file.import.data = levelmedia : -1, slide
10.file.import.listNum = 0
10.file.width = 758
10.offset = 0, -150

# Den Verlauf einarbeiten
20 = IMAGE
20.file = GIFBUILDER
20.file.backColor = #FFFFFF
20.file.XY = 758, 99
}
}
}

tamara9999 ·

Aha, danke. Damit muss ich mich jetzt mal beschäftigen, weil das ziemlich kompliziert aussieht ;-) Könntest Du mir vielleicht nochmal helfen, indem Du mir einfach nur zeigst, wie ich einen ganz normalen schwarzen Balken über 4 Spalten einbaue, und sowohl davor als auch danach der Content in 4 Spalten wieder weitergeht? Wenn ich das mal habe, dann kämpf ich mich schon weiter mit deinem vorigen Code.

Hier mein SETUP:

page = PAGE
page.typeNum = 0
page.includeCSS {
file1 = fileadmin/template/css/style.css
file2 = fileadmin/template/css/news.css
}

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/template.html
workOnSubpart = DOCUMENT
subparts.CONTENT1 < styles.content.getLeft
subparts.CONTENT2 < styles.content.get
subparts.CONTENT3 < styles.content.getRight
subparts.CONTENT4 < styles.content.getBorder
}

PGx ·

Am einfachsten machst du das mit dem GIFBUILDER mit dem du images erstellst.
Allerdings giebst du hier die breite und die höhe in Pixel an. Das heist du müsstest dann die vierfache Pixel Zahl einer Spalten Breite angeben.

z.B.:

# Eine schwarze Linie erzeugen
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 178, 1
backColor = #000000
}
20.offset = 0, 23

mit dem GIFBUILDER erstellst du die Grafik mit den werten XY giebst du die
Breite und die Höhe an. backColor welche farbe dein IMAGE haben soll.

Und mit dem Befehl: offset den stand Punkt von der Linken oberen Ecke des gewählten Objekts! Dann erst nach rechts(0) und dann nach unten(23).

tamara9999 ·

Hallo, also die Linie ist mal da - Erfolg! Ich kann auch die Breite und Länge der schwarzen Linie verändern, sodass sie über alle 4 Spalten geht. Aber sie erscheint leider immer unter sämtlichen Content-Elementen. Ich bräuchte sie aber zwischen den Content Elementen. Weil ja der Content unterhalb der Linie wieder 4-spaltig ganz normal weiterlaufen soll. Was mache ich falsch?

PGx ·

gib mal bitte deinen TypoScript Code! und wenns geht lad ein bild von der Seite wie sie momentan aussieht!

tamara9999 ·

Mit dem Conde unten, erscheint die Linie immer unter den Content Elementen.
Also so:
Spalte1, Spalte2, Spalte3, Spalte4
Linieüber alle Spalten

Ich brauche aber:
Spalte1, Spalte2, Spalte3, Spalte4
Linie über alle Contents
Spalte1, Spalte2, Spalte3, Spalte4

wobei natürlich der Content der Spalten unter der Linie anderen Inhalt hat als der Content der Spalten über der Linie.
Ich hab mir jetzt mal so geholfen, dass ich einfach statt 4 jetzt 8 Spalten definiert habe. Die ersten 4 ober der Linie und die anderen 4 unter der Linie. Aber es muss doch auch eine andere Lösung geben. Denn wenn ich 4 oder 5 Linien haben will, bräuchte ich ja dann 16 oder 20 verschiedene Spalten. Das kann´s doch nciht sein, oder?

SETUP:

page = PAGE
page.typeNum = 0
page.includeCSS {
file1 = fileadmin/template/css/style.css
file2 = fileadmin/template/css/news.css
}
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/template.html
workOnSubpart = DOCUMENT
subparts.CONTENT1 < styles.content.getLeft
subparts.CONTENT2 < styles.content.get
subparts.CONTENT3 < styles.content.getRight
subparts.CONTENT4 < styles.content.getBorder
}
page.20 = IMAGE
page.20.file = GIFBUILDER
page.20.file {
XY = 600, 100
backColor = #000000
}
page.20.offset = 0,50

PGx ·

Ich würd mal behaupten das dein Problem mit Page zu tun hast!
Du hast Page 10 und 20 erstelltes ist aber ja beides auf einer Seite!
Du musst lediglich 2 ebenen schaffen!

tamara9999 ·

Aha, jetzt verstehe ich das Problem. Aber ich komme mit Deinem ersten Code nicht ganz klar. Wie arbeite ich das ein, damit es funktioniert? Danke nochmals für deine Hilfe.

PGx ·

Du must einfach den Platzhalter ansprechen in den das Gewünschte Bild oder Tabelle einbgefügt werden soll.

Ich danke mal du hast Platzhalter in deinem HTML Dokument oder?