Wie kann man eigentlich die icons an den Rang "anheften"?
Ich verwende auch Wbb4 :)
Grüße
Hi,
das kommt auf die Grafiken an und muss über eigenen CSS- bzw. LESS-Code geschehen (dafür ist die Angabe von eigenen CSS-Klassen im ACP in der Rangverwaltung da).
Im Allgemeinen sollte es mit dem Folgenden LESS-Code (der ist natürlich noch an diversen Stellen anzupassen) funktionieren.
Im ACP müssen dann für die Ränge statt Farben eine CSS Klasse angegeben werden.
Eigene LESS/CSS-Dateien bekommt man ins WBB 4 (bzw. ins WCF 2) aber nur über ein eigenes Paket (sie müssen in der Datenbank vermerkt sein, sonst werden sie ignoriert) - oder man fügt den Code in jeden Stil ein.
.badge.userTitleBadge {
position: relative;
overflow: visible;
/* Abhängig von der Größe der Grafik */
height: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
&:before {
position: absolute;
/* Nach Belieben */
left: 0px;
top: 0px;
}
}
.userTitleBadge.imACPAngegebeneKlasseFürGruppeX {
background-color: red; /* Nach Belieben */
&:before {
content: url('Pfad zur Grafik');
}
}
.userTitleBadge.imACPAngegebeneKlasseFürGruppeY {
background-color: orange; /* Nach Belieben */
&:before {
content: url('Pfad zur Grafik');
}
}
Alles anzeigen
Verwendet man statt :before das Pseudoelement after, landet die Grafik auf der rechten Seite des Ranges.