Board Thread:Support Requests - Designing Your Wiki/@comment-1695916-20130226005556

Ok, so in the wiki chat, you know how there is a star next to a chat mod's name right? Well, I was wondering if it was possible to do that for every other member, e.g., Sysops, bureaucrats, and a normal user. That way, it would be easier to identify them in chat, rather than going to the Special:Listusers. My chat has custom mod icon stars using this code in the MediaWiki:Chat.css from a site:

/* New chatmod stars */ .User .chat-mod .username :after { content : url ( 'http://images1.wikia.nocookie.net/__cb20101007201649/pokemon/images/9/98/462.png' ) ; } .User .username <span class="re1" style="color:rgb(102,102,255);">.bot <span class="re2" style="color:rgb(51,51,255);">:after <span class="br0" style="color:rgb(0,170,0);">{ <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">content <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">url <span class="br0" style="color:rgb(0,170,0);">( <span class="st0" style="color:rgb(255,0,0);">'http://images1.wikia.nocookie.net/tehkittycat/images/thumb/4/48/256px-HAL9000.svg.png/19px-256px-HAL9000.svg.png' <span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">float <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">right <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} <span class="re1" style="color:rgb(102,102,255);">.User <span class="re1" style="color:rgb(102,102,255);">.chat-mod <span class="re1" style="color:rgb(102,102,255);">.username <span class="re1" style="color:rgb(102,102,255);">.admin <span class="re2" style="color:rgb(51,51,255);">:after <span class="br0" style="color:rgb(0,170,0);">{ <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">content <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">url <span class="br0" style="color:rgb(0,170,0);">( <span class="st0" style="color:rgb(255,0,0);">'http://images1.wikia.nocookie.net/__cb20111116123622/pokemon/images/e/e4/493.png' <span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} <span class="re1" style="color:rgb(102,102,255);">.User <span class="re1" style="color:rgb(102,102,255);">.chat-mod <span class="re1" style="color:rgb(102,102,255);">.username <span class="re1" style="color:rgb(102,102,255);">.vstf <span class="re2" style="color:rgb(51,51,255);">:after <span class="br0" style="color:rgb(0,170,0);">{ <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">content <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">url <span class="br0" style="color:rgb(0,170,0);">( <span class="st0" style="color:rgb(255,0,0);">'http://images2.wikia.nocookie.net/__cb20101008104748/pokemon/images/8/85/058.png' <span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">float <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">right <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} <span class="re1" style="color:rgb(102,102,255);">.User <span class="re1" style="color:rgb(102,102,255);">.chat-mod <span class="re1" style="color:rgb(102,102,255);">.staff <span class="re1" style="color:rgb(102,102,255);">.username <span class="re2" style="color:rgb(51,51,255);">:after <span class="br0" style="color:rgb(0,170,0);">{ <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">content <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">url <span class="br0" style="color:rgb(0,170,0);">( <span class="st0" style="color:rgb(255,0,0);">'http://images1.wikia.nocookie.net/__cb20101008104752/pokemon/images/0/02/059.png' <span class="br0" style="color:rgb(0,170,0);">) <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">} <span class="re1" style="color:rgb(102,102,255);">.User <span class="re1" style="color:rgb(102,102,255);">.chat-mod <span class="re1" style="color:rgb(102,102,255);">.username <span class="re2" style="color:rgb(51,51,255);">:after <span class="br0" style="color:rgb(0,170,0);">{ <span class="kw1" style="font-weight:bold;color:rgb(0,0,0);">background-image <span class="sy0" style="color:rgb(0,170,0);">: <span class="kw2" style="color:rgb(153,51,51);">none <span class="sy0" style="color:rgb(0,170,0);">; <span class="br0" style="color:rgb(0,170,0);">}

From this, I think it is possible to make seperate icons for each group... I think bureaucrats, VSTP, and wiki staffs already have their own chat icon according to this code... But how do i get it to work for regular members, and sysops? And is it possible for people to have their own personalized, icons? <ac_metadata title="How do i add seperate icons for each member in the wiki chat?" related_topics="Chat|CSS"> </ac_metadata>