Hallo, Gast! (Registrieren)

Letzte Ankündigung: Sicherheitsupdate: MyBB 1.8.32 veröffentlicht (19.11.22)


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