MyBB.de Forum

Normale Version: Präfixe mit CSS Stylen
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
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.

[attachment=13409]

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

Viel Spaß beim Ausprobieren!

LG
Sakis