Stylesheets

Hier beschreiben wir, wie Stylesheets mit den Standard-Templates von CMS made simple verwendet werden. Wie Sie bestimmte Eigenschaften in den Stylesheets anpassen, erfahren Sie im Abschnitt Anpassung der Stylesheets.

Wie bereits im Abschnitt Ich bin Designer beschrieben, werden für die Gestaltung und Formatierung der Webseite in CMS made simple Stylesheets eingesetzt. Dafür wird eine Auszeichnungssprache namens CSS verwendet. Damit Sie wirklich verstehen, was Sie tun, ist es wichtig, Grundlagenwissen über CSS zu haben bzw. sich dieses zuvor anzueignen. Neben vielen anderen Seiten im Internet bietet der Workshop von CSS4you einen Einstieg in die Materie. Nichts desto trotz finden Sie im folgenden einige Hinweise, wie Sie einfache Sachen wie zum Beispiel Farbe und Logo ändern können.

Die Stylesheets sind jeweils mit dem Template verknüpft, in dem die in ihm enthaltenen Styles verwendet werden. Wenn Sie wollen, können Sie natürlich auch nur ein Stylesheet für Template verwenden. Aber wir haben uns dafür entschieden, die CSS gruppiert nach ähnlichen Charakteristika in verschiedene Stylesheets aufzuteilen. Das macht es einfach, einen bestimmten Style zu finden und zu ändern.

Die mit den Templates von CMS made simple eingesetzten Stylesheets

Jedem der CMSms-Standard-Templates sind fünf gleiche Stylesheets zugeordnet. Zusätzlich hat jedes Template noch ein template-spezifisches Stylesheet sowie abhängig vom verwendeten Menü ein bis zwei Stylesheet, mit denen die Ausgabe der Menüs gesteuert wird.

Nachfolgend gehen wir auf diese Stylesheets etwas näher ein:

Stylesheets, die allen Standard-Templates zugeordnet sind
  • Layout -- Hier werden die allgemeinen Layout-Einstellungen vorgenommen, die für alle CMSms-Standardtemplates gleich sind. Es kann natürlich für jedes Ihrer Projekte angepasst werden.
  • Typography -- Die Fonts, Links, Überschriften, Grafiken, Listen usw. werden in diesem Stylesheet gestaltet.
  • Colours-- Die einzigsten Eigenschaften, die in diesem Stylesheet zusammengefasst wurden, sind die Farben die Farben für Vorder- und Hintergründe der Webseite. Da dies Auswirkungen auf Ihre gesamte Seite haben könnte, sollten Sie hier keine weiteren Eigenschaften hinzufügen! Die Farben für die Menüs werden separat in den Menü-Stylesheets festgelegt.
  • Forms -- Um auf einfachem Weg die Formulare in jedem Browser gleich aussehen zu lassen, wurde die Gestaltung der Formulare in ein eigenes Stylesheet ausgelagert. Im Normalfall sollten Sie hier nur selten Änderungen vornehmen müssen.
  • Tools -- Dieses Stylesheet ist allen Templates zugeordnet worden, um ein gleiches Aussehen der Webseite in allen Browsern sicherzustellen. Auch hier sollten keine bzw. nur selten Änderungen notwendig sein.
Stylesheets für die Navigation
  • Nav-Horizontal / Nav-Vertical -- In Abhängigkeit vom Layout müssen Sie Ihrem Template entweder ein oder beide Stylesheet(s) zuordnen. Mit ein paar wenigen Handgriffen sollten Sie dem Menü das gewünschte Aussehen geben können.
  • Default CSSMenu Horizontal / Default CSSMenu Vertical -- Wenn Sie lieber Listenfeld-Menüs verwenden, dann sollten Sie eins dieser Stylesheets einsetzen.
Template-spezifische Stylesheets
  • Layout-XXX -- Für jedes Template der Standardinstallation gibts es jeweils ein spezifische Stylesheet, in dem das Layout und Gestaltung festgelegt wird. Wenn Sie zum Beispiel nur dieses Stylesheet auswechseln, können Sie festlegen, ob das Menü oben oder an der Seite, links oder rechts erscheinen soll.


Eine Einführung, wie Sie die Selektoren und deren Eigenschaften in diesen Stylesheets ändern können, finden Sie im Abschnitt Anpassung der Stylesheets.


This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/Stylesheets/de

From CMSMS

Arvixe - A CMSMS Partner