- Teambeitrag
htmlRandomIDX
Mit einer definierbaren Anzahl von zufälligen Klassen lassen sich Stile bei jedem Aufruf etwas anders darstellen, zum Beispiel mit einem zufällig angezeigtem…
Dieses Plugin fügt eine Reihe von zusätzlichen Klassen im HTML-Tag ein:
htmlRandomIDX
Mit einer definierbaren Anzahl von zufälligen Klassen lassen sich Stile bei jedem Aufruf etwas anders darstellen, zum Beispiel mit einem zufällig angezeigtem Hintergrund- oder Headerbild. Oder anderen Farben, oder, oder, oder…
Beispiel
/* WoltLab Suite 5.2 */
html.htmlRandomID1 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}starfield1.png');
}
html.htmlRandomID2 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}starfield2.png');
}
html.htmlRandomID3 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}starfield3.png');
}
/* WoltLab Suite 5.3 */
html.htmlRandomID1 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}custom/starfield1.png');
}
html.htmlRandomID2 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}custom/starfield2.png');
}
html.htmlRandomID3 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}custom/starfield3.png');
}htmlStyleIDX
Mit dieser Klasse wird die ID des Stils übergeben so das man ihn gezielt über Stilunabhängiges CSS und SCSS im ACP ansprechen kann. Das kann sinnvoll sein wenn man viele Stile installiert hat aber nicht jeden einzelnen editieren und einige Stile gar nicht verändern will.
Beispiel
/* WoltLab Suite 5.2 */
html.htmlStyleID34 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}starfield.png');
}
/* WoltLab Suite 5.3 */
html.htmlStyleID34 #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}custom/starfield.png');
}htmlNightMode
Mit der Klasse htmlNightMode kann man zu bestimmten Uhrzeiten zusätzliche, oder andere Bilder / Logos einbinden.
Beispiel
/* WoltLab Suite 5.2 */
html.htmlNightMode #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}starfield.png');
}
/* WoltLab Suite 5.3 */
html.htmlNightMode #pageHeaderFacade {
background-color: #000;
background-image: url('#{$style_image_path}custom/starfield.png');
}Installation
Der Download muss als Paket installiert werden.
Konfiguration
ACP > Konfiguration > Allgemein -> HTML-Klassen
Version
1.0.0
- Erste öffentliche Version WoltLab Suite
Lizenz
Siehe unsere Lizenz für kostenlose Erweiterungen:
https://www.cls-design.com/licence-free/
Laden Sie die Erweiterung nicht herunter, wenn Sie mit den Lizenzbedingungen nicht einverstanden sind. Mit dem Herunterladen stimmen Sie den Lizenzbedingungen zu.
Dateien
