Ergebnis 1 bis 20 von 20

Thema: Möchte CSS Files eines Themes bearbeiten ... sind irgendwie sehr viele ... ?

  1. #1
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard Möchte CSS Files eines Themes bearbeiten ... sind irgendwie sehr viele ... ?

    Hi,
    möchte bei einer fertig installierten CONTAO Seite das CSS bearbeiten bzw. bin schon fleißig dabei. Nehme halt den Inspector von Firefox, suche mir die Zeilen im CSS und ändere Sie mit nem Editor.
    Komisch ist nur das es 6 oder 7 CSS Files gibt in denen mehr oder weniger dasselbe drin ist, aber halt nicht ganz. Irgendwie blöd weil ich dann die ganzen verschiedenen CSS Files anpassen muss und da dann halt mehr oder weniger immer das Gleiche austauschen/anpassen muss.

    Ist das normal bei CONTAO? Die CSS Files liegen im Ordner "assets > css". sehen auch ganz komisch aus, also die haben so Namen wie

    • 2beae181c0b3.css
    • 181e7862c7be.css
    • ba106ad83fcb.css
    • ...


    Zusätzlich liegen die ganze CSS Files auch nochmal komprimiert als *.css.gz dabei ... hm, warum?

    Oder ist das einfach nur so ne komisch Marotte von demjenigen der das Theme erstellt hat? Ist ein Immobilien Theme und relativ komplex, die Objekte werden mit einer Software da reingestreamt vom PC des Kunden.

  2. #2
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von herrfischer Beitrag anzeigen

    • 2beae181c0b3.css
    • 181e7862c7be.css
    • ba106ad83fcb.css
    • ...

    Diese Files werden von Contao generiert. Alles was Du da änderst, wird von Contao wieder überschrieben. Also dort nichts ändern.

    Du solltest Dir innerhalb des Themes eine eigene css-Datei anlegen. Diese als letzte ins Seitenlayout einbinden und dort Deine Änderungen machen. Die wenigen fertigen Themes die ich kenne, bringen von Haus aus so eine Datei mit. Also einfach mal schauen. Heisst häufig custom.css oder so ähnlich. Sollte aber in der Beschreibung eines Themes zu finden sein.

    Nachtrag: Zu finden sein sollten die css-Dateien im Ordner files in einem Unterordner der meist etwas mit dem Namen des Themes zu tun hat.
    Geändert von mlweb (20.07.2017 um 18:57 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  3. #3
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    Für mich klingt dass irgendwie nach internem CSS-Editor - und mehreren internen Stylesheets. In dem Falle findest Du unterhalb von files keine CSS-Dateien.

    EDIT: Dann änderst Du die im BE unter Themes - CSS
    Geändert von dackelchen (20.07.2017 um 21:48 Uhr)
    Grüße Edgar
    Dackelalarm

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von dackelchen Beitrag anzeigen
    Für mich klingt dass irgendwie nach internem CSS-Editor - und mehreren internen Stylesheets.
    Nein, erschreibt

    Zitat Zitat von herrfischer Beitrag anzeigen
    Nehme halt den Inspector von Firefox, suche mir die Zeilen im CSS und ändere Sie mit nem Editor.
    Komisch ist nur das es 6 oder 7 CSS Files gibt in denen mehr oder weniger dasselbe drin ist, aber halt nicht ganz.

    Ist das normal bei CONTAO? Die CSS Files liegen im Ordner "assets > css". sehen auch ganz komisch aus, also die haben so Namen wie

    • 2beae181c0b3.css
    • 181e7862c7be.css
    • ba106ad83fcb.css
    • ...

    Das sind m.E. eindeutig die von Contao generierten css-Files
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  5. #5
    Contao-Fan Avatar von dackelchen
    Registriert seit
    24.05.2011.
    Ort
    Kiel
    Beiträge
    672
    User beschenken
    Wunschliste

    Standard

    Jetzt wo Du es sagst... die Dateinamen wären "sinniger" und trügen den Dateinamen, der, beim Anlegen der Datei vergeben wurde. Danke fürs Mitdenken.
    Grüße Edgar
    Dackelalarm

  6. #6
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Diese Files werden von Contao generiert. Alles was Du da änderst, wird von Contao wieder überschrieben. Also dort nichts ändern.

    Du solltest Dir innerhalb des Themes eine eigene css-Datei anlegen. Diese als letzte ins Seitenlayout einbinden und dort Deine Änderungen machen. Die wenigen fertigen Themes die ich kenne, bringen von Haus aus so eine Datei mit. Also einfach mal schauen. Heisst häufig custom.css oder so ähnlich. Sollte aber in der Beschreibung eines Themes zu finden sein.

    Nachtrag: Zu finden sein sollten die css-Dateien im Ordner files in einem Unterordner der meist etwas mit dem Namen des Themes zu tun hat.
    So eine Datei gibt es nicht. Sorry komme von WordPress da ist das alles ganz anders, da gibt es keine Template-Verwaltung, da läuft das alles auf Code Ebene ... . Hm. Gibt es nicht sowas wie eine footer.php oder header.php wo ich meine CSS Files verlinken kann? Oder muss ich die irgendwie übers Backend einbinden?

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

    Support Contao

    Standard

    Schau mal ins Seitenlayout. Da gäbe es:
    • interne Styleshhets (aus dem Backend-Tool unter Themes)
    • externe Stylesheets (aus /files ...)
    • eigene-Head-Tags (von sonswo)

  8. #8
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    In Ergänzung zu @Lucina: Das was ich beschrieben habe wäre die Verwendung einer externen Datei für eigene Anpassungen. Entweder Du nutzt eine, die vom Themeersteller schon dafür vorgesehen ist oder Du bindest darüber zusätzlich eine eigene ein.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  9. #9
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von lucina Beitrag anzeigen
    Schau mal ins Seitenlayout. Da gäbe es:
    • interne Styleshhets (aus dem Backend-Tool unter Themes)
    • externe Stylesheets (aus /files ...)
    • eigene-Head-Tags (von sonswo)
    Was meinst du mit "Seitenlayout"? Im Contao Backend? Das sieht alles komisch aus:

    2017-07-23_142736.png
    2017-07-23_142722.png

    mehr ist da nicht. Da gibts ne "Header - Top" aber das ding ist nur für Content. Ich muss irgendwie wissen wo ich IRGENDEIN eigens CSS einbinden kann, natürlich in der Reihenfolge ganz unten.

    Zitat Zitat von mlweb Beitrag anzeigen
    In Ergänzung zu @Lucina: Das was ich beschrieben habe wäre die Verwendung einer externen Datei für eigene Anpassungen. Entweder Du nutzt eine, die vom Themeersteller schon dafür vorgesehen ist oder Du bindest darüber zusätzlich eine eigene ein.
    Jo klar, aber wie? Eigene einbinden voll geil, nur wie und wo?

  10. #10
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Er lädt halt auf jeder Seite immer eine von diesen "assets/css/ba106ad83fcb.css". Und dann lädt er noch ein paar fürs Menü oder Slider falls da einer ist, z. B. Startseite. Wie schaffe ich es das er einfach stumpf auf jeder Seite mein CSS einbindet? Muss ich klar auf den Server legen aber dann ja irgendwie in Contao verlinken oder sowas?

  11. #11
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das was Du suchst findest Du unter Themes. Im verwendeten Theme gibt es dann ein oder mehrere Seitenlayouts.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  12. #12
    Contao-Nutzer Avatar von DetlefT
    Registriert seit
    25.07.2014.
    Ort
    Bedburg
    Beiträge
    104

    Standard

    Sieht auf Deinen Bildern aus, als ob Du nicht alle Rechte im Backend hättest. Jedenfalls fehlt der Menüpunkt "Seitenlayout" - und das ist der, den Du brauchst.
    Geändert von DetlefT (23.07.2017 um 13:50 Uhr)
    Viele Grüße, DetlefT

  13. #13
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Das was Du suchst findest Du unter Themes. Im verwendeten Theme gibt es dann ein oder mehrere Seitenlayouts.
    Unter "Themes" finde ich lediglich

    B
    Breadcrumb [Navigationspfad]
    C
    Content Box Left [Content-Box]
    F
    Footer [Eigener HTML-Code]
    H
    Header - Top [Eigener HTML-Code]
    M
    Mainmenu [Navigationsmenü]
    P

    und in der "Header - Top" ist nur folgedes drin:


    PHP-Code:
    <div class="header_top"><div class="content_inside">{{insert_article::20}}</div></div

  14. #14
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Auch wenn Du von Wordpress kommst. Es ist mit Sicherheit hilfreich, wenn Du Dich mit den Grundlagen von Contao befasst. Neben vielen Büchern und Videotutorials ist m.E. auch die Contao Demo eine Anlaufstelle.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  15. #15
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von DetlefT Beitrag anzeigen
    Sieht auf Deinen Bildern aus, als ob Du nicht alle Rechte im Backend hättest. Jedenfalls fehlt der Menüpunkt "Seitenlayout" - und das ist der, den Du brauchst.
    Hm, das würde Sinn machen, ich überprüfe das mal.

  16. #16
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von herrfischer Beitrag anzeigen
    Unter "Themes" finde ich lediglich

    ...
    Das sind die Module des Themes und nicht das Seitenlayout.
    Bist Du als Administrator unterwegs? Falls nicht, kann das auch für Dich nicht bearbeitbar sein.

    Zeig mal einen Screenshot nach dem Du auf Theme geklickt hast.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  17. #17
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Das sind die Module des Themes und nicht das Seitenlayout.
    Bist Du als Administrator unterwegs? Falls nicht, kann das auch für Dich nicht bearbeitbar sein.

    Zeig mal einen Screenshot nach dem Du auf Theme geklickt hast.
    Habe mir jetzt einen Admin Account erstellt, sieht gleich aus. Du meinst den Punkt "Themes"? Wenn ich da drauf clicke kommt das:

    2017-07-23_145227.png

    Wenn ich da dann auf das Zahnrad clicke kommen wieder nur die paar Template Schnipsel.

  18. #18
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Rechts neben dem Zahnrad ist das Seitenlayout.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  19. #19
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.745
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das Zahnrad sind die Module. Wenn Du mit der Maus ein bisschen geduldig bist, bekommst du auch einen Tooltip.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  20. #20
    Contao-Nutzer Avatar von herrfischer
    Registriert seit
    13.11.2016.
    Beiträge
    23

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    Rechts neben dem Zahnrad ist das Seitenlayout.
    Wow -Alter, das ist gut versteckt . Okay, was ich da sehe macht alles Sinn, super, DANKE!

Aktive Benutzer

Aktive Benutzer

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

Lesezeichen

Lesezeichen

Berechtigungen

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