TYPOlight verwendet intern ein CSS Framework, mit diesem ist sichergestellt das die Darstellung unter den gängigsten Browsern “gleich” aussieht. Zu den gängigsten zähle ich den Internet Explorer 6 nicht mehr. Im Backend kann nun unter Layout der Punkt Stylesheet auwählen. In Gewohnter TYPOlight-manier erscheint hier nun die Oberfläche, mit welcher ein neues CSS erstellt oder bearbeitet werden kann. Für eine “Anfänger” (oder einen “Mausschupser”) gibt es nun einen Wizard, mit dem die Gängigsten CSS Definitionen getroffen werden können. Am Ende gibt es noch ein einfach Text Feld wo noch individueller CSS Code eingefügt werden kann. Für den geübten CSSler könnte dieser Wizard mehr lästig als nützlich sein. Hierzu gibt es Abhilfe den csseditor. Im TYPOlight Forum gibt es außerdem hierzu noch einen spannenden Thread (CSS-Dateien in TL – Wo Wie Warum – incl. suckerfish, TinyMCE)

TYPOlight und CSS Handling

Wie bereits bekannt ist werden alle Inhalte in der (MySQL) Datenbank abgelegt, das gilt auch für CSS. Beim 1. Aufruf des Frontends wird nun aus den Datenbankeinträgen ein css generiert. Zu finden ist diese dann im Root Verzeichnis.

Probleme beim bearbeiten des CSS

Wird nun das generierte CSS File über einen FTP geladen und bearbeitet, hat man das Problem das die Änderungen spätestens am Morgen nicht mehr vorhanden sind. Grund dafür ist die cron.php. Wie oben bereits erwähnt generiert TYPOlight das CSS selbstständig. Änderungen durch den FTP Client nimmt dieser nicht wahr (wie auch). Somit ist man “gezwungen”, Änderungen immer über das Backend zu erledigen.

der CSS Editor

dieser kann, dank Extension-Repositority leicht über das Backend installiert werden. Was macht diese Erweiterung nun? Unter dem Punkt Stylesheet kann nun die Quelltext Ansicht gewählt werden, zusätzlich wird nun ein Editor geladen, welcher Syntax-Highlighting unterstützt. So macht das ganze schon mehr Spaß, wie ich finde. Standardmäßig wird der Editor eingeschalten, sollte das nicht gewünscht werden kann dieser unter den (TYPOlight) Einstellungen deaktiviert werden. Hier nun ein paar Screenshots.

Ähnliche Beiträge