Contao CSS Framework

[mtpl]

Hallo zusammen

ich habe vor längerer Zeit mit Contao (damals noch Typolight) gearbeitet. Da hat sich einiges geändert.
Ich habe nun Probleme mit dem CSS Framework und viele der Dokumentationen die ich gefunden habe sind veraltet.
Wie muss ich die "basic.css" und die "gridpx.css" einbinden und gibt es ein CSS für eine horizontale Suckerfish Navigation?

Danke.

[psren]

Wie muss ich die "basic.css" und die "gridpx.css" einbinden

Themes->Stylesheets->Stylesheet importieren

gibt es ein CSS für eine horizontale Suckerfish Navigation?

Nein, das musst du selbst machen oder dich von YAML oder Ähnlichem inspirieren lassen.

Viele Grüße
Patrick

[mtpl]

Themes->Stylesheets->Stylesheet importieren

Dann nehme ich an wenn ich diese nicht importieren will, weil ich einen Editor benutzen möchte, dass ich die Stylesheets manuell in den Header der Seiten einbinden muss, oder?

[mtpl]

Kann ich die basic.css und gridpx.css irgendwo ablegen damit diese mit <?php echo $this->stylesheets; ?> automatisch geladen werden oder muss ich die zwingend manuell im Header einbinden?

[psren]

Kann ich die basic.css und gridpx.css irgendwo ablegen damit diese mit <?php echo $this->stylesheets; ?> automatisch geladen werden oder muss ich die zwingend manuell im Header einbinden?

Dafür gibt es eine super Erweiterung namens Theme+.

[derpuma]

Dafür gibt es eine super Erweiterung namens Theme+.

Ich habe mal ne Frage zur Erweiterung Theme+.
Wenn ich die CSS Erweiterung verwende, wird meine CSS Datei nicht verlinkt.
Ich muss diese dann auch erst wieder im Seitenlayout anwählen. ISt das korrekt?

Dann wird aber vielmehr eine CSS Datei erstellt und aus "system/scripts/basic-b04bb052.css" geladen, also nicht die eigentliche CSS Datei zum Beispiel in tl_files/css/basic.css geladen.
Das ist meiner Meinung nach unschön, da ich ja weiterhin die CSS Dateien extern mit Ecipse editiere, wird nach jeder Änderung eine neue CSS Datei in diesem Ordner erstellt.
Kann man mit Theme+ nicht wirklich direkt verlinken?

[andreasisaak]

Die Datei in /system/scripts/... ist lediglich eine temporäre Datei die man auch garnicht bearbeiten soll! Sobald man über den Editor die Originaldatei (in deinem Fall die basic.css) bearbeitet, merkt Theme+ das und erstellt eine neue, temporäre Datei. Genauso wie von dir gewollt

[derpuma]

Juppi, das ist mir schon bewusst. Ich arbeite aber lieber an einer Datei und kontrolliere dann auch im Quellcode ob die korrekte CSS eingebunden ist.
Ausserdem müllt doch so auch der Scripte Ordner sehr schnell zu. Ich speichere die CSS schon relativ häufig neu ab und konrolliere die Ergebnisse per reload im Browser...
Von daher werd ich meine CSS Verlinkung wohl doch eher direkt in die fe_pages.xhtml einbauen.

Der Post von psren hat ja sugeriert, das man mit Theme+ genau das erreicht, sowie von mtpl zuvor erfragt!
Trotzdem Danke.

[andreasisaak]

Der scripts Ordner wird automatisch geleert! Deine aufgeführten Punkte, die du gegen die Nutzung von Theme+ vorbringst, kann ich nicht nachvollziehen. Aber gerne darfst du alles manuell in deiner fe_page verlinken wir sehen uns spätestens beim nächsten Major Update wieder. Ich habe Theme+ mittlerweile bei über 100 Contao-Installationen verwendet und bin sehr froh NICHT MEHR die fe_page bearbeiten zu müssen.

Und Theme+ listet dir alle originalen CSS-Dateien auf die eingebunden sind. Du musst nur im BE eingeloggt sein.

[derpuma]

Okay, lasse mich sehr gerne beleeren.
Bei mir wurden bislang die CSS Dateien im Scriptordner noch nicht gelöscht.
Sind mittlerweile über 250 Files im Ordner.Bildschirmfoto-2012-06-30-um-22.07.21.gif

[andreasisaak]

Weil du bisher 250 Mal die CSS-Dateien geändert hast. Es heißt ja nicht umsonst "Daily Cron", spätestens morgen sind sie weg. Wieso stören dich 250 Dateien mit je 2KB? In den Ordner schaut man in der Regel eh nicht rein, genauso wenig wie in den html, log oder tmp Ordner.

[derpuma]

Also ich habe immer noch Probleme mit Theme+.
Wie kann es sein, dass eine Webseite anders aussieht, wenn ich ein CSS mit Theme+ einbinde, im Vergleich zur der manuellen Einbindung übers Feld Zusätzliche <head>-Tags.
Gibt es da noch irgend etwas zu beachten?

[ciaobello]

Ich denke mal, wenn Du Deine CSS direkt im head-tag einbindest das Du das interne CSS-Framework ausschaltest. Was Du ja mittlerweile auch über die "Einstellungen" machen kannst (bei aktuellem Contao). Bei älteren Versionen konntest es bei Theme+ ausschalten.

Vielleicht hilft das?
ciaobello