In WBB 5 hast du die Möglichkeit für die Ränge sog. Ranggrafiken zu erstellen.
Dazu gehst du unter Benutzer -> Benutzerränge dann auf das kleine Plus dahinter.
Du kommst in einen kleinen Dialog zur Erstellung eines solchen, da gibst du dann die Rangbezeichnung , dass ist das was du am Ende da stehen hast,
und dadrunter im Bereich "CSS-Klassen" die Farbe oder deine eigenst erstellte CSS-Klasse an.
Dadrunter hast du die Möglichkeit deine eigenen Grafiken einzufügen wie das geht hast du unter dem Feld stehen, daher eig. selbsterklärend.
Nochmal drunter kannst du dann unter Beschränkungen wählen, ob eine Benutzergruppe den Rang automatisch zugeteilt bekommen haben soll, ob w. oder m. usw.
Kann dir gerne über ts helfen, einfach PN an mich 
Schau am besten mal im Woltlab Forum nach (ist der einfachste Weg), da gibt es zu fast allen Fragen schon eine Lösung mit Beschreibung
Ich kann nur einen Pfad angeben aber ich möchte die Benutzergrafiken ja hochladen
Und wie mache ich das der Name des benutzers fabig ist?
Grafik in den FTP hochladen und den Pfad dann angeben? Farbige Benutuernamen kannst du in den Benutzergruppen mit <color='#000000' >... </color> realisieren
Da steht nun:
Die Darstellung muss „%s“ enthalten wenn ich den Farbcode eingebe den du geschickt hat.
Dadurch sollten die Punkte ersetzt werden.
<color='#000000'>%s</color> [#000000 ist der Farbcode für Schwarz, den musst du natürlich ersetzen. Nennt sich Hex-Farbcode bzw. hexadezimal]
Wenn der Name zusätzlich in Fett gedruckt erscheinen soll:
<color='#000000'><b>%s</b></color>
