Contao-Camp 2024
Ergebnis 1 bis 9 von 9

Thema: CONTAO 4.9 - 2 Seitenlayouts beeinflussen sich

  1. #1
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    612

    Standard CONTAO 4.9 - 2 Seitenlayouts beeinflussen sich

    Hallo,


    eine neue Website hat ein Seitenlayout (standard).

    Die Kalenderliste über den Minikalender öffnet sich in der Lightbox und hat ein anderes Seitenlayout (blank).

    Doch mit Klick auf einen Tag im Minikalender wirkt sich die CSS vom Seitenlayout (blank) auch auf die eigentliche Website Seitenlayout (standard) aus:
    https://dc-zuarin.de.85-236-62-219.m....de/start.html


    Zur Vereinfachnung habe ich die Textfarbe auf BLAU gestellt, Was mache ich falsch ?




    Vielen Dank für Hinweise.

  2. #2
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.682
    User beschenken
    Wunschliste

    Standard

    weil beim Öffnen der Lightbox weiteres CSS geladen wird... guck mal in den DIV mit id "cboxLoadedContent"

  3. #3
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    612

    Standard

    Der benannte DIV Container ist nur für die Lightbox zuständig.


    Ich meine:

    - die Website wird korrekt angezeigt
    - mit Klick auf einen Kalender- Eintrag wird diese Seite in der Lightbox geöffnet
    - diese Seite hat ein eigenes, fast leeres Seitenlayout mit einer CSS (zur Demo Schriftfarbe blau)
    - jetzt wird aber diese blaue Schriftfarbe für ALLES gültig: also für die Lightbox (korrekt) UND die normale Seite (falsch)

  4. #4
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Naja, da hast Du dann halt
    Code:
    #main .inside
    drinstehen, und dann wird halt alles, was zutrifft, mit dem Stil für
    Code:
    #main .inside
    dargestellt, weil das spezifischer als dein Absatzstyle p ist.

  5. #5
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.682
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von mv-soft Beitrag anzeigen
    Der benannte DIV Container ist nur für die Lightbox zuständig.
    das ist so nicht definiert bzw. im CSS nicht eingegrenzt - wenn Du ein CSS in die Seite (nach)lädst, wirkt sich das eben auf alles aus

  6. #6
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    612

    Standard

    Vielen Dank.


    Und wie schaffe ich es, das NUR in der Lightbox CSS- Anweisungen zutreffen?

    Zum Beispiel hat die normale Seite:
    #main { width: 66% }


    Diese Breite hat aber auch in der Lightbox eine Auswirkung. Dort brauche ich aber die volle Breite: #main { width: 100% }

    Selbst wenn ich dem Artikel Kalenderliste eine CSS Klasse vergebe (.blank), komme ich NICHT an die Breite von #main heran ?



    Ich brauche also eine Lösung, wo ein Seitenlayout NUR ALLEIN in der Lightbox wirkt ?

  7. #7
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    9.682
    User beschenken
    Wunschliste

    Standard

    du könntest bei allen Sachen, die nur für die Lightbox bestimmt sind im CSS die ID des Containers angeben

    Code:
    ...
    #cboxContent #inside {
     bla: blub;
    }
    mit SCSS geht das etwas eleganter mit zwei Zeilen

  8. #8
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo mv-soft,
    erinnere mich an eine ähnliche Aufgabe.

    Habe das Seitenlayout blanko angelegt, kein CSS aktiviert und geladen.
    Dann eine Kopie des Lightbox-Templates angelegt, umbenannt und innerhalb des Templates den Pfad zu eigenen CSS-Definitionen angegeben.

    In diesem CSS kann man entweder die Angaben des „Original-CSS” eintragen und dann anpassen sowie noch benötigte Definitionen eintragen.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  9. #9
    Contao-Fan
    Registriert seit
    11.11.2011.
    Ort
    Schwerin
    Beiträge
    612

    Standard Lösung

    Dem neuen Layout habe ich eine linke Spalte zugewieesen, da diese im Standard- Template nicht verwendet wird.

    Der Eventliste (Anzeige in der Light- Box) habe ich danach die Anzeige in der linken Spalte zugewiesen und die neue CSS blank mit einer Formatierung versehen. Dadurch gibt es keine unerwünschte Beeinflussung der eigentlichen Seiten- Formatierung.



    Vielen Dank für die Hinweise, die zur Lösung beigetragen haben.

    J. Heinrich
    mv-soft.de

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •