+ Auf Thema antworten
Zeige Ergebnis 1 bis 5 von 5

Thema: Hintergrundbild je nach Seite

  1. #1
    Contao-Nutzer
    Registriert seit
    09.09.2009.
    Beiträge
    45

    Standard Hintergrundbild je nach Seite

    Hi,

    habe folgendes Problem. Mein Kunde möchte auf jeder Seite ein unterschiedliches Hintergrundbild haben. Also Startseite => bild1.jpg, News => bild2.jpg usw., wie lös ich sowas am besten?

    Grüße

    Typo

  2. #2
    Community-Moderator Benutzerbild von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel / Issy-les-moulineaux
    Beiträge
    894
    Partner-ID
    152

    Standard

    Ich habe sowas mal mit einem @import-CSS gemacht (so nach dem Motto
    Code:
    @import "{{env::page_alias}}.css";
    ) bei CSS-Dateien mit dem Namen das Seitenalias und dann in den jeweiligen CSS-Dateien ein
    Code:
    body{background-image:foobar.jpg;}
    gesetzt.

    Alternativ würde vermutlich auch der Weg über einen Inline-Style á la
    Code:
    body{background-image:{{page_alias}}.jpg;}
    funktionieren, wobei die Bilder dann eben wie die Seiten heißen müssen ...

    Wenn er für jede Seite ein Bild haben möchte, dann sollte das ja eine endliche Anzahl sein.

    Carolina.
    Contao in Kiel: kikmedia webdevelopment | Contao-Partnerin
    "Computers are too important to be left to men."
    (Karen Spärck-Jones)

  3. #3
    Contao-Nutzer Benutzerbild von Fehrmann
    Registriert seit
    04.07.2009.
    Ort
    Wismar
    Beiträge
    38

    Standard

    Eleganter aber etwas aufwendiger, ist ein Verfahren, was in folgendem Thread beschrieben wird:

    http://www.contao-community.de/showt...ight=pageimage

    Hat den grossen Vorteil, das es einfach in den Einstellungen jeder Seite angepasst werden kann.

    Gruss
    R.Fehrmann

  4. #4
    Offiz. Contao-Team Benutzerbild von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    1.383
    Partner-ID
    107

    Standard

    und noch eine Möglichkeit:

    In der Seitenstruktur vergebe ich jeder Seite eine CSS-Klasse und definiere dann in der CSS-Datei die Hintergrundgrafik(en):
    Code:
    body.startseite #wrapper{background:url(tl_files/startseite.jpg) no-repeat top center;}
    um die Grafiken im Wrapper zu zeigen. Alternativ kann auch ein anderer Selektor gewählt werden.
    Geändert von planepix (29.07.2010 um 23:53 Uhr)

  5. #5
    Contao-Nutzer
    Registriert seit
    09.09.2009.
    Beiträge
    45

    Standard

    Hi,

    vielen Dank für die Lösungsvorschläge, habe jetzt die Version von Planepix verwendet, da es die einfachste war.

    Grüße

    Typo

+ Auf Thema antworten

Ähnliche Themen

  1. Hintergrundbild ändern
    Von jomago07 im Forum Layout/Templates
    Antworten: 2
    Letzter Beitrag: 02.05.2010, 19:56
  2. Hintergrundbild in E-Mail Templates?
    Von Psi im Forum Newsletter
    Antworten: 4
    Letzter Beitrag: 05.03.2010, 17:49
  3. Bildschirmfüllendes Hintergrundbild für jede Seite
    Von elli im Forum Layout/Templates
    Antworten: 5
    Letzter Beitrag: 13.01.2010, 21:01
  4. changelanguage modul hintergrundbild
    Von oskopik im Forum changelanguage
    Antworten: 1
    Letzter Beitrag: 02.11.2009, 23:00
  5. [gelöst] hintergrundbild
    Von irina im Forum Off Topic
    Antworten: 6
    Letzter Beitrag: 13.09.2009, 13:50

Forumregeln

  • Es ist dir nicht erlaubt, neue Themen zu verfassen.
  • Es ist dir nicht erlaubt, auf Beiträge zu antworten.
  • Es ist dir nicht erlaubt, Anhänge hochzuladen.
  • Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.