it-swarm.com.de

Wie gestalte ich ein Modul so, dass es auf einer bestimmten Seite in einer anderen Farbe angezeigt wird?

Nun, ich habe ein Modul, das ich mit einer Hintergrundfarbe benutze: "Color1", ich benutze es fast auf jeder Seite meiner Site, aber es gibt eine bestimmte Seite, auf der ich es mit einem Hintergrund anzeigen lassen möchte. Farbe: "Color2".

Gibt es eine Möglichkeit, das zu tun?

enter image description here

2
Walid Ayech

Zwei Möglichkeiten für diese Situation -

  1. Gehen Sie zu dem Menü, in dem Sie "Color2" hinzufügen müssen, und wechseln Sie zur Registerkarte "Seitenanzeige". Dort sehen Sie eine Option für Seitenklasse fügen Sie einfach die Seitenklasse hinzu und fügen Sie dann CSS für das Modul einschließlich dieser Seitenklasse hinzu.
  2. Sie können das Modul replizieren und es nur dem Menü zuweisen, in dem Sie es möchten. Gehen Sie nun zum Modul, öffnen Sie die Registerkarte Erweitert und fügen Sie Modulklassensuffix hinzu. Dadurch wird eine CSS-Klasse in Ihrem Modul hinzugefügt.
4
Joomler
  1. Fügen Sie im Menü, das zu dieser bestimmten Seite führt, ein Seitenklassensuffix hinzu.
    Sie tun dies auf der Registerkarte Seitenanzeige des Menüs im Feld Seitenklasse, nennen wir es mypage.
    Auf diese Weise erhalten Sie body.mypage CSS-Selektor.
  2. Fügen Sie dann das Modulklassen-Sufix in das Modul Ihrer Wahl ein. Abhängig vom Modultyp befindet es sich normalerweise auf der Registerkarte Erweitert im Feld Modulklassensuffix. Nennen wir es mymodule.
    Auf diese Weise erhalten Sie .mymodule CSS-Selektor.
  3. Dann fügen Sie folgende CSS-Regel in template.css oder eine andere CSS-Datei Ihrer Vorlage:

    body.mypage .mymodule {
    Hintergrundfarbe: # FF0000;
    }

    Und passen Sie es an, wie Sie möchten.

4
user8036

Vielen Dank für Ihre Antworten. Da ich ein WYSIWYG-Modul verwende, habe ich gerade einen Abschnitt hinzugefügt und dieselbe Klasse aufgerufen, die die erste Farbe definiert, und sie auf dieser Seite durch eine andere ersetzt.

1
Walid Ayech