"Staff" Icon for chatbox not working
4 posters
Page 1 of 1
"Staff" Icon for chatbox not working
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.
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~
- what the code is currently:
- Code:
.chatbox> p data.user > data:after {
content: url("http://oi57.tinypic.com/2lm313q.jpg");
}
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~
Last edited by Stella Ó hAodha on February 7th 2015, 11:54 pm; edited 1 time in total
Re: "Staff" Icon for chatbox not working
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:
If you want to add more users to it, just add another
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
- 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");
}
If you want to add more users to it, just add another
- Code:
.user .chatbox-username[data-user="9"]:after
- Code:
.user .chatbox-username[data-user="8"]:after
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
Re: "Staff" Icon for chatbox not working
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
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; }
Re: "Staff" Icon for chatbox not working
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?
Re: "Staff" Icon for chatbox not working
Since this topic is marked solved I'll move it to the archives
Derri- Helper
- Posts : 8711
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Similar topics
» Forum icon not working
» Staff Post Gradient codes not working
» Online Staff Widget not working as intended
» icon before username for staff only
» Staff Icon Next to username
» Staff Post Gradient codes not working
» Online Staff Widget not working as intended
» icon before username for staff only
» Staff Icon Next to username
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum