Dynamische Seitenbilder mit Inserttag oder Klasse im body

[MacKP]

Hallo @ll,
ich weiß gar nicht ob man darüber noch unbedingt ein Tutorial schreiben muss...
Aber da mir immer wieder aufgefallen ist, das viele Leute einiges viel zu Kompliziert machen dachte ich mir ich schreib das mal schnell auf *g*

Hier der Wiki Eintrag: http://de.contaowiki.org/Dynamische_...it_Insert-Tags

Bitte alle Fragen dazu hier stellen (Fragen zu Modulen bitte immer in den jeweiligen Modul Threads!).

Viele Grüße

[planepix]

Hallo MacKP,

Tutorials sind immer gut

Besten Dank.

Spannend diese Stelle:

im CSS: .cssfuerdieseite .header {background: #fff url(tl_files/header/bildfuerdieseseite.png) no-repeat top left;}

Ich habe das bisher immer so formatiert:

body.NamederKlasse #header
{
...
}

[MacKP]

Hallo planepix,
da hast du direkt den ersten Fehler entdeckt *g*
soll natürlich auch #header sein ;-)

Hab gerade auch noch 2 Dinge hinzugefügt, was noch so möglich ist ;-)

Ich überlege noch den TL weg über einen extra Bereich zu beschreiben, den man dann immer auf jeder Seite hinzufügen muss.. aber das hab ich bisher nie selber gemacht, da mir das immer zu umständlich war (auch für Kunden, die dann aufpassen müssen in welchen Bereich was kommt).
Also Artikel anzeigen in head oder so...

Vielen Dank

[planepix]

Hallo MacKP,

das war nicht die Absicht den Fehler sofort zu finden

Ich denke je dynamischer umso erfahrener der Endanwender.
TL passt sich der Flexibilität des Endbenutzers an

Dein weiterer Vorschlag wäre ggf. vor das jetzige Tutorial zu setzen im Sinne von erste Schritte, dann die Optimierung und Vereinfachung anschließend.
Dann wäre der komplette Lernschritt beschrieben. Wenn sich gleich die von Dir beschriebene Weise einprägt, passt es auch.

[MacKP]

Hallo planepix,
hab das jetzt noch ergänzt um den Punkt "Bild über Artikel" einbinden.

Kann sein das ich das ganze noch mal überarbeite, da es relativ knapp gehalten ist. Aber so hab ich noch die Hoffnung, das die Leute das nachvollziehen und nicht stumpf kopieren ^^

Wird die Zeit zeigen.

Viele Grüße

[Rave1941]

Die im Wiki beschriebene passende Erweiterung, gibt es diese noch?

Natürlich gibt es auch schon eine passende Erweiterung für solche Bedürfnisse: pageimage - Seitenbild

Wollte mal lieber nachfragen da der verfügbare Link nur auf die TYPOlight-Startseite weiterleitet.

[MacKP]

Hallo Rave1941,
ich schau mal das ich den Link sofort wieder erneuer. Ist anscheinend durch den Umzug was schief gelaufen.

Danke für die Info!

Viele Grüße
---
Ich kann gerade nichst mehr daran ändern...
Daher hier der Link -> https://contao.org/erweiterungsliste...010019.de.html

Wenn ich das wieder bearbeiten kann werde ich das auch im Wiki ändern.
Ich weiß jetzt nicht wie der Plan ist, also wann das wieder gehen wird oder so.

Viele Grüße

[Rave1941]

Vielen vielen Dank, das hat mir weiter geholfen

[eyepe]

Hallo,

eine kurze Frage zu meinem "Bilderproblem". Ich habe gerade mein erstes TYPOlight Projekt http://www.phantaro.de(fast) fertig. Hier hat jede Seite eine eigene Headergrafik (css bg) und einen Teaser-Text.

Gelöst habe ich das wohl super umständlich über das Modul "Eigener HTML Code". Das enthält dann jeweils das DIV mit dem Hintergrundbild und dem Teasertext für die jeweilige Seite.

Letztendlich habe ich etwa 10 Module eingebunden in dementsprechend 10 Seitenlayouts.

Angestoßen durch diesen Beitrag bin ich nun auf die Idee gekommen, die Headergrafiken über CSS (body.NamederKlasse #header...) einzufügen. Nun könnte ich doch noch einen eigenen Inhaltsbereich hinzufügen (z.B. <?php echo $this->sections['Teaser']; ?> ). Und den Teasertext dann über Artikel -> Text einfügen. Somit würde es nur noch 1 Modul geben.

Ist diese Lösung Sinnvoll? Gibt es eine bessere Möglichkeit?
Und, kann man überhaupt über das Modul HTML-Code eigene Layoutbereich anlegen oder muss man diese direkt in das Template schreiben?

Vielen Dank für die Hilfe!

Martin

[do_while]

Hallo eyepe,

dafür gibt es doch Erweiterungen:
PageImage: https://contao.org/erweiterungsliste...pageimage.html
MDC (etwas veraltetes Konzept): https://contao.org/erweiterungsliste/view/mdc.html

[MacKP]

Hallo eyepe,
du brauchst eigentlich für die body Methode nur ein div was du ansprechen willst.. mit etwas geschick reichen die divs, die von TL erzeugt werden.
Du kannst aber auch ein Einzelnes Modul nur mit dem div einfach übers Seitenlayout einbinden. Damit sind dann alle Seiten sofort versorgt ;-)

Hoffe das hilft dir..

Viele Grüße

[eyepe]

Das Problem ist, es geht nicht nur um ein Bild. Das Bild ist der Hintergrund, darüber muss ein editierbarer Text liegen. Wie es eben gerade auf http://www.phantaro.de ist. Nur jetzt ist besteht jeder dieser "Teaser" aus einem Modul + Seitenlayout.

Momentan sehen die Module (Eigener HTML Code) etwa so aus:

<div id="header" style="background-image: url(tl_files/phantaro/images/header_kontakt.png);">
<p>
Teaser-Text
</p>
</div>

Daraus dann ein einziges Modul machen, etwa so:

<div id="header">
<?php echo $this->sections['Teaser']; ?>
</div>

Das Hintergrundbild könnte dann ja über CSS (body.NamederKlasse #header) eingefügt werden.
Und der Teaser-Text müsste dann ja über Artikel jeweils eingefügt werden können.
Denke ich in die richtige Richtung?

[MacKP]

Sollte passen.
Du musst nur in Einstellungen auch 'Teaser' als zusätzliche Sektion eintragen.

Viele Grüße

[danny]

Jede Seite soll ein Hintergrundbild haben aber die deutsche und englische Version einer Unterseite sollen immer das gleiche Hintergrundbild haben.
Die Seiten haben aber ja auch immer unterschiedliche Seitenalias und das wiederrum würde heißen ich müßte zwei Grafiken anlegen mit eigentlich dem gleichen Bild im Ordner header. Also einmal startseite.png und einmal home.png für die deutsche Startseite und für die englische Startseite.

Eingebaut hab ich das ganze wie folgt was auch super klappt:

Für jede Seite ein Bild

Module -> Eigener HTML-Code

<img src="/tl_files/header/{{env::page_alias}}.png" alt="{{env::page_title}}" />

Eigenes Modul im Seitenlayout dem Header zuweisen

env::page_alias

gibt den Alias der aktuellen Seite aus.

env::page_title

gibt den Titel der aktuellen Seite aus. Jetzt braucht man nur für jede Seite ein Bild in dem Ordner header anlegen und es so benennen wie der alias der Seite ist auf dem das Bild zu sehen sein braucht. Im Grunde kann es auch immer das selbe Bild mit einem anderen Namen sein ;-)

Wie kann ich es angehn, um nicht alle Hintergrundbilder doppelt anzulegen.

[MacKP]

Hallo danny,
wenn du das Bild eh als img direkt einbinen möchtest, dann kannst du auch eine der (ich glaub 3) Erweiterungen dafür benutzen, wo man das in der Seitenstruktur zuweisen kann. Da kannst brauchst du dann nicht mehrere Bilder anlegen.

Viele Grüße

[danny]

Hallo danny,
wenn du das Bild eh als img direkt einbinen möchtest, dann kannst du auch eine der (ich glaub 3) Erweiterungen dafür benutzen, wo man das in der Seitenstruktur zuweisen kann. Da kannst brauchst du dann nicht mehrere Bilder anlegen.

Viele Grüße

danke für deinen Tipp...kannste mir vielleicht noch sagen wie diese Erweiterungen heißen?

[MacKP]

danke für deinen Tipp...kannste mir vielleicht noch sagen wie diese Erweiterungen heißen?

z.B. page_images...
oder einfach mal selber Suchen: http://www.contao-pool.de/ceris/sear...%20bilder.html

Viele Grüße

[danny]

@MacKP

Danke für deinen Link...sehr hilfreich

[andrea$]

könnte man den Link zum Tut hier korrigieren oder besser den ganzen Thread löschen? Niemand weiß worum es hier geht/ging....

[MacKP]

könnte man den Link zum Tut hier korrigieren oder besser den ganzen Thread löschen? Niemand weiß worum es hier geht/ging....

Hallo andrea$,
löschen wäre etwas radikal. Den Link hab ich durch den aktuellen ersetzt. Natürlich hab ich das ins neue Wiki übertragen gehabt.

Viele Grüße

[andrea$]

Besten Dank!

[Mart]

Das Tutorial im Wiki ist richtig gut - die Einbindung über Inserttags ist nachvollziehbar und führt schnell zum aha-Erlebnis. Vielen Dank dafür!

Mart