Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.40 veröffentlicht (28.05.26)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Präfixe mit CSS Stylen
#1
Information 
In diesem kleinen Tutorial möchte ich euch zeigen, wie man die Präfixe stylen kann.

Neues Präfix anlegen

Als Erstes klickt Ihr auf Konfiguration > Präfixe > Neues Präfix hinzufügen, unter Präfix tragen wir als Beispiel Support-Thread ein. Nun können wir unter Anzeigen-Stil folgendes eintragen:
Code:
<span class="prefix_gradient">Support-Thread</span>

Neue CSS-Klasse anlegen

Jetzt klicken wir auf Templates & Style > Themes > (euer Theme auswählen) > Stylesheet hinzufügen als Dateiname tragen wir tag.css ein und wählen Neuer Inhalt aus. Dort tragen wir Folgendes ein und speichern es.

Code:
.prefix_gradient { color: #ffffff; border: 1px solid #fff; border-radius: 5px; padding: 1px 10px; box-shadow: 0px 0px 2px 1px #ccc; text-shadow: none; background-image: linear-gradient( 140deg, hsl(315deg 91% 33%) 0%, hsl(305deg 100% 30%) 22%, hsl(292deg 100% 32%) 40%, hsl(276deg 88% 39%) 61%, hsl(251deg 71% 48%) 100% ); font-size: 13px; font-weight: bold; }


Jetzt sollten eure Threads ungefähr so aussehen.

   

Kleiner Tipp: Hier könnt Ihr neue Hintergrunde „generieren“ und so euer Präfix anpassen.

Viel Spaß beim Ausprobieren!

LG
Sakis
Zitieren