The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

"Staff" Icon for chatbox not working

4 posters

Go down

Solved "Staff" Icon for chatbox not working

Post by Stella Ó hAodha Sat Feb 07 2015, 10:45

There used to be an icon that said "staff" that was next to the usernames of all members that had moderator permissions for the chatbox. However, once the chat-boxes were all updated, the CSS script for that staff icon stopped working.
what the code is currently:

I would like to get the staff icon working in my chatbox again if possible. So if anyone can rewrite that code for me or tell me how to fix the code, i'd appreciate it. Thanks in advance~


"Staff" Icon for chatbox not working K6flpSC


Last edited by Stella Ó hAodha on Sun Feb 08 2015, 00:54; edited 1 time in total
Stella Ó hAodha
Stella Ó hAodha
New Member

Female Posts : 16
Reputation : 1
Language : English
Location : California

http://fairytailevolutionrp.forumotion.com/

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by Fierce Star Sat Feb 07 2015, 19:11

I don't believe it's possible to target chatbox moderators only anymore since the update, but you can still add it manually for each user that is a chatbox moderator:
Code:
.user .chatbox-username[data-user="1"]:after, .user .chatbox-username[data-user="2"]:after, .user .chatbox-username[data-user="3"]:after, .user .chatbox-username[data-user="4"]:after, .user .chatbox-username[data-user="5"]:after, .user .chatbox-username[data-user="6"]:after, .user .chatbox-username[data-user="7"]:after, .user .chatbox-username[data-user="8"]:after {
      content: url("http://oi57.tinypic.com/2lm313q.jpg");
}
This is probably the easiest way to go by; just change all the numbers in [data-user="#"] to the user IDs of the members on your forum that are chatbox moderators.

If you want to add more users to it, just add another
Code:
.user .chatbox-username[data-user="9"]:after
before the starting bracket ("{") and add a comma after the
Code:
.user .chatbox-username[data-user="8"]:after
before it.

Sorry it can't be as simple as it used to be, but as I said before, I see no way for that to be possible now since they updated the chatbox.
Unless possibly @Ange Tuteur has an easier solution
avatar
Fierce Star
Forumember

Male Posts : 110
Reputation : 17
Language : English
Location : United States

http://inactivesite.onlyhelpwithothersnow.com

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by _Twisted_Mods_ Sat Feb 07 2015, 20:07

you can thank ange he gave to me yesterday

replace the color #52BCE3 with the color of the group
replace yourimage.gif with with a image url of your choice

Code:
.user[style="color:#52BCE3"] span:before, #chatbox_members span[style="color:#52BCE3"] span:before {  content:url(yourimage.gif);  margin-left:-17px;  vertical-align:top; }
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by Stella Ó hAodha Sat Feb 07 2015, 20:09

what about for chatbox mods? they don't have a group Sad
Stella Ó hAodha
Stella Ó hAodha
New Member

Female Posts : 16
Reputation : 1
Language : English
Location : California

http://fairytailevolutionrp.forumotion.com/

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by _Twisted_Mods_ Sat Feb 07 2015, 20:34

so make a group for them
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by Stella Ó hAodha Sat Feb 07 2015, 21:01

Okay I got it working but the only problem is the staff icon overlaps with the "@" symbol in the cbox now. Is there any way to fix that too?
Stella Ó hAodha
Stella Ó hAodha
New Member

Female Posts : 16
Reputation : 1
Language : English
Location : California

http://fairytailevolutionrp.forumotion.com/

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by _Twisted_Mods_ Sun Feb 08 2015, 00:50

try removing the
Code:
margin-left:-17px;
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by Stella Ó hAodha Sun Feb 08 2015, 00:52

okay thanks~
Stella Ó hAodha
Stella Ó hAodha
New Member

Female Posts : 16
Reputation : 1
Language : English
Location : California

http://fairytailevolutionrp.forumotion.com/

Back to top Go down

Solved Re: "Staff" Icon for chatbox not working

Post by Derri Mon Feb 09 2015, 03:55

Since this topic is marked solved I'll move it to the archives
Derri
Derri
Helper
Helper

Male Posts : 8755
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum