+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Tutorials (https://www.mybb.de/forum/forum-86.html)
+--- Thema: Präfixe mit CSS Stylen (/thread-38427.html)
Präfixe mit CSS Stylen - sakis-tech - 15.11.2022
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