Label & Tags in farbige Badge Box verwandenln

Guten Tag,

ich möchte gerne Label & Tags in farbigen Boxen darstellen.

Habe dies bei ähnlichen Forum in den Jahren mitbekommen, und nun suche in seit langer Zeit nach einer Möglichkeit dies umzusetzen.

Um das zu Lösen habe ich bereit geforscht, und mir ist sind dabei als mögliche Lösung die Templates Sektion ins Auge gefallen.

Da eine in der Vergangenheit bereits erfolgte Ähnliche Änderung in der Template Sektion des WSC 3.1 Wirkung gezeigt hatte, die Online Anzeige eines Teamspeak 3 Viewer Box Plugins zu verändern dachte ich es läuft hierbei genauso. Ich möchte den HTML Text der Tag Anzeige folgend so abändern: Erforscht durch den SourceCoude versch. Seiten habe ich entdeckt, das die Anzeige durch class="labelList"> angesprochen wird. Würde nicht eine einfache Editierung des Codes reichen um z.b <span class="label badge green">Behoben</span> hinzuzufügen oder zu ersetzen?

Beiße mir seit Tagen die Zähne an der Aktion aus, und weiß nun wirklich nicht mehr weiter?

Wunsch:

Wollte auch ein Bild dazu posten habe die Option dafür nicht gefunden.
Habe deshalb wenn das überhaupt erlaubt ist einen Direkt-Link zum Bild erschaffen.
Gerne hätte ich ein Regelwerk für das Forum gefunden, habe auch danach lang und verzweifelt gesucht.
Habe versucht einen vertrauenwürdigen temporären Bild-Hoster zu finden um Regelkonform zu sein, und das Internet sauber zu halten

Hier also der Link:
https://prnt.sc/qjwldt

Bedanke mich schonmal für eine Antwort und wünsche erstmal einen angenehm weiteren Tagesverlauf.

Nunja, ich habe zum besseren Verständnis ein ähnliches Bild in den Dateihang gehängt.
Wie gesagt finde die Option zum Bild hochladen nicht

Hätte gerne das meine Tags so aussehen, und in ferner Zukunft vlt. mal auch die Benutzertitel-Anzeige neben Beiträgen und im Themenbereich im Dashboard, wie auf der Vorschau im Dateianhang ersichtlich.

Edit: Glaube habe es nun geschafft

Habe in der Vergangheit bereits unseren Teamspeak 3 Server auf der TheFools.eu Website folgend dargestellt.

Habe aber hier nur in der Sprache Sektion -> Texte verwalten -> und der Editierung des ausgegeben Textes in der TsViewer Box geändert.
Nun frage, ist es dderselbe Weg bei Tags und in ferner Zukunft den Benutzertiteln.

Vielen Dank für die schnelle Hilfe.

Entdecke jedoch deutliche Unterschiede zwischen

und

Hat es hier nicht eindeutig mit einer Änderung zu tun, das die Anzeige nicht durch Text oder Farbe in Hintergrund begrenzt werden soll.
Sondern das per Code gesast wird das diese klasse jetzt class="badge green" sein muss?

Vlt. verstehe ich das ganze auch einfach falsch und beiße mir deshalb Tagelang in den Knochen ?

Die Reine Funktion war mir auch bekannt.
Jedoch ging es mir um die optische Ähnlichkeit.

Das hier CSS ins Spiel kommt war mir irgendwie bewusst.

Ist hiermit nachzuhelfen?

font-family: "Open Sans", Arial, Helvetica, sans-serif;

text-align: right;

box-sizing: inherit;

min-width: 0;

border-radius: 2px;

display: inline-block;

line-height: 1.28;

padding: 2px 6px;

position: relative;

vertical-align: middle;

white-space: nowrap;

word-wrap: normal;

font-weight: 400;

font-size: 12px;

box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.05);

background-color: rgba(0, 153, 0, 1);

color: rgba(238, 255, 238, 1);

background-image: linear-gradient(#00a700, #008400);

Würde das nur allzugern ähnlich mit ein wenig mehr Schatten hinbekommen. Denke aber das hier der Rahmen gesprent wäre nun CSS Fragen zu stellen

Aze vielen Dank.

jetzt bin ich ein wenig überfordert?

Da ich das Design ja selbst besitze, kann ich also irgendwoher den bereits richtigen Stil der Box aus der Style Sektion einfach rauskopieren und im CSS Bereich meiner Webpage hinterlegen? Hört sich irgendwie nach zu einfachem Copy-Paste an und Urheberrechtsverletzung

Mir ist bewusst über die Element untersuchen Funktion in den Sources einer Website viel einsehen zu können.
Ebenso den kompletten Quelltext, nur möchte da keine Copy-Paste begehen oder nur dann wenn man es im Nachhinein unkenntlich macht oder nicht wiedererkennbar modifiziert. Schlichtweg die Farbe ändern z.b

<span class="badge green">Online</span>

in

<span class="badge red">Online</span>

Habe nun bemerkt das wenn ich möchte das dieser Orientierung ähnlich sieht, keine Tags sondern Labels vergeben muss?
Erstelle ich nun ein Thest Thema finde ich keine Option dieses Thema mit einem Label zu versehen?

Ich hatte ja die Ahnung das Aze genau das meint was ich suche leider die verstehe die richtige Handhabung und Umsetzung nicht
Ich selber besitze den Stil korrekt. In diesem Stil sollten standardgemäß alle Tags und Label schon so angezeigt werden werden ist leider falsch

Fehlen mir da Coding-Kenntnisse über das WSC oder grundlegende CSS-Kenntnisse?
Ich bräuchte wohl eine wissenschaftliche 1 zu 1 Anleitung wie das ganze umzusetzen wäre, bedanke mich doch trotzdem nochmal für eure Hilfe, ich bin sicher wir kommen noch zu einem guten Ergebniss

Ach du Schande, ich habe es tatsächlich übersehen, die Labelgruppe nun auch verfügbar in den Foren zu machen, und sie dann auszuwählen.
Entschuldigt, meine Kenntnisse mit dem WSC sind noch in den Kinderschuhen und versuche mich da etwas reinzufuchsen, ich bedanke mich vielmals für eure Hilfe.

Das ist genau das wonach ich gesucht habe
Hätte ich mal aufgepasst, und nicht alles überflogen

Im Bereich "userTitleBadge" sollte es sich dann genauso verhalten?

Vielen Dank!

habe ich auch noch.
Habe ich nun eine erneute Frage zu Icons in der Foren-Auflistung bei den einzelnen Fore muss ich diesen Post hier löschen, oder am besten hier reinstellen?