Eigenen CSS-Code für ein Projekt hinterlegen

In weblica können Sie eigenen CSS-Code für den gesamten Web-Auftritt zentral hinterlegen. Dieser CSS-Code wird hierbei den Style-Sheets von weblica für den Web-Auftritt hinzu gefügt. Das gibt Ihnen die Möglichkeit, bestehende CSS-Regeln von weblica gezielt zu ersetzten oder anzupassen.

Den Dialog für den Projekt-weiten CSS-Code erreichen Sie über das Hauptmenü:
Projekt->CSS.
Projekt CSS-Dialog
Projekt CSS-Dialog
Im CSS-Dialog können Sie CSS-Anweisungen für folgende Bereiche hinterlegen:
  • Global (global.css): Dieser Code gilt für jede Seite, unabhängig von der sog. Ausbaustufe.
  • Alle Spalten (full.css): Dieser Code gilt für Seiten, auf denen alle drei Spalten angezeigt werden.
  • Ausbaustufe Links (lcenter.css): Dieser Code gilt für Seiten, auf denen nur die linke Spalte und der Hauptinhalt angezeigt werden.
  • Ausbau Stufe Rechts (rcenter.css): Dieser Code gilt für Seiten, auf denen nur der Hauptinhalt und die rechte Spalte angezeigt werden.
  • Minimale Ausbaustufe (center.css): Dieser Code gilt nur für Seiten, auf denen nur der Hauptinhalt angezeigt wird.
  • Druck (print.css): Dieser Code gilt für den Ausdruck einer Webseite im Web-Browser.
In der Regel hinterlegen Sie den gewünschten Code auf der Registerkarte Global. Der Artikel Seitentitel im Kopfbild anordnen zeigt eine mögliche Verwendung der verschiedenen Ausbaustufen einer Seite.

Globaler CSS-Code versus CSS im HTML-Head einer Seite

weblica bietet Ihnen auch die Möglichkeit, CSS-Code auf einer Seite im sog. HTML-Head zu hinterlegen. Dieser Code gilt nur für die jeweilige Seite und evtl. untergeordnete Seiten, sofern auf diesen Seiten die Option "Inhalte von übergeordenter Seite übernehmen" aktiviert ist.

Weitere Infos finden Sie in der weblica Hilfe: CSS-Code im HTML-Head einer Seite.

Bitte beachten Sie: Wenn Sie CSS-Code im HTML-Head hinterlegen, müssen Sie diesen Code in eine Style-Definition einbetten:

<style type="text/css"> Ihr CSS-Code hier </style>

Ohne diese Style-Definition funktioniert der CSS-Code nicht, und die Seite wird fehlerhaft dargestellt!