How to Design Individual Joomla Pages With CSS

Wie man einzelne Joomla-Seiten mit CSS gestaltet

HD-Custom CSS ist ein einfaches, aber sehr nützliches Modul, mit dem wir einzelne Joomla-Seiten mit CSS-Styles versehen können.

Ohne Template-Dateien zu bearbeiten, ist es mit HD-Custom CSS möglich, CSS-Änderungen schnell und einfach anzuwenden.

In diesem Tutorial zeige ich, wie man die Hintergrundfarbe und die Schriftart für nur eine Seite ändern kann.

Schritt 1. Installation

Schritt #2: Ausgewählten Seiten zuweisen

  • Gehe zum Modul-Manager und öffne das Modul HD-Custom CSS.
  • Aktiviere das Modul.
  • Platziere das Modul an einer beliebigen Modulposition. Wähle die gewünschten Menüpunkte. Ich habe die Position "debug" verwendet, hätte aber auch jede andere wählen können. Weitere Informationen zu den Positionen findest du auf der Website des Moduls.
  • Klicke außerdem auf "Menüzuweisung" und füge dieses CSS zu den gewählten Links hinzu.

css single page

Schritt 3: #Add your CSS

  • Gib das gewünschte CSS in das Feld "Benutzerdefiniertes CSS" ein.
  • Das Bild unten zeigt das Fenster mit dem ersten Beispiel, das bereits eingegeben wurde. Wir werden den Hintergrund blau machen.
  • Speichere das Modul.

my custom css

Schritt #4: Betrachten Sie die Änderungen

  • Rufe das Frontend der Website auf und überprüfe due Änderungen. Stelle sicher, dass sie nur auf die gewünschten Seiten angewendet werden.

Weitere Optionen

Anstatt das Fenster zu verwenden, können wir auch ein Stylesheet erstellen oder von einer bestehenden Site kopieren und es einbinden, indem wir die URL zum Stylesheet eingeben. Dies ist ideal, wenn wir dieselben Änderungen auf vielen verschiedenen Sites vornehmen wollen.

custom css

Für diejenigen, die Probleme mit der Browserkompatibilität haben: Wir können die Stile browserabhängig machen:

css choose browsers

Zusammenfassung

HD-Custom CSS ist eine tolle Option für schnelle und gezielte CSS-Änderungen.

Hier erklären wir alle Ihre CSS-Optionen pro Seite.

 

Originaltext in Englisch 

 

> 1587

Joomler auf der ganzen Welt

https://volunteers.joomla.org/

> 11

Joomler in Koblenz

https://www.jug-koblenz.de/

> 2

Joomler in Mayen

https://ug-mayen.de/

 

 

Newsletter