- Betroffene Version
- WoltLab Suite 5.2
Moin, moin in die Runde,
ich würde gerne unsere Avatare größer darstellen lassen. Geht dies per CSS, oder wie kann ich dies bewerkstelligen?
Danke.
Moin, moin in die Runde,
ich würde gerne unsere Avatare größer darstellen lassen. Geht dies per CSS, oder wie kann ich dies bewerkstelligen?
Danke.
Danke.
Ok, das war jetzt für die Forenbeiträge.
Gibt es auch eine Möglichkeit, diese überall größer darstellen zu lassen?
Also auch bei Wer ist online, wer war online etc.
Natürlich geht das, aber vermutlich nicht überall mit derselben Größe. Insofern wirst Du mehrere nach dem gezeigten Muster erstellte Deklarationen mit unterschiedlichen Angaben für Breite und Höhe benötigen.
Gruß norse
Hm, wie genau mache ich dies?
.whoisonlin .userAvatarImage {
height: 200px;
width: 200px;
}
klappt nicht.
.whoisonlin gibt es auch nicht.
Gruß norse
Sorry, das "e" fehlte bei online.
Klappt aber dennoch nicht.
Ich würde mir das ja durchaus ansehen, aber bei Dir sieht man ja leider als Gast nahezu nichts. Welches Element versuchst Du denn mit .whoisonline überhaupt anzusprechen? Die werksseitig mitgelieferte Box "Benutzer online" hört nicht auf diesen Namen.
Gruß norse
Es handelt sich um das Plugin von Darkwood Design Wer ist online und das WL Plugin Wer war online.
Vielleicht nutzt dies jemand?
In der Wer-war-online-Box von WL werden meines Wissens keine Avatare angezeigt. Da Du diese Box im ACP selbst anlegen musst, lässt sie sich über [data-box-identifier="com.woltlab.wcf.genericBoxXX"] ansprechen. Angesichts der anscheinend vorhandenen Avatare bezweifle ich allerdings, dass es die werkseigene Anzeige ist. Wie gesagt, helfen würde ich Dir gern, aber wenn ich nichts sehe...
Gruß norse
Ich durfte jetzt schauen und es handelt sich bei beiden Boxen wie erwartet um "zusätzliche Boxen", die allerdings nicht selbst erstellt waren, sondern jeweils durch ein Plugin angelegt wurden.
Im konkreten Fall lassen sich die Avatare hier mit folgendem Beispielcode vergrößert darstellen:
[data-box-identifier="com.woltlab.wcf.genericBox112"] .userAvatarImage, [data-box-identifier="com.woltlab.wcf.genericBox122"] .userAvatarImage {
width:64px; height:64px;
}
[data-box-identifier="com.woltlab.wcf.genericBox112"] .userAvatarList > li:not(:last-child), [data-box-identifier="com.woltlab.wcf.genericBox122"] .userAvatarList > li:not(:last-child) {
margin-right: -6px;
}
[data-box-identifier="com.woltlab.wcf.genericBox112"] .userAvatarList > li, [data-box-identifier="com.woltlab.wcf.genericBox122"] .userAvatarList > li {
flex: 0 0 64px;
}
Alles anzeigen
Gruß norse
Besten Dank.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!