"Staff" Icon for chatbox not working

Go down

Solved "Staff" Icon for chatbox not working

Post by Stella Ó hAodha on February 7th 2015, 9:45 am

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:
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
avatar
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 on February 7th 2015, 6:11 pm

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

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_ on February 7th 2015, 7:07 pm

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; }
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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 on February 7th 2015, 7:09 pm

what about for chatbox mods? they don't have a group Sad
avatar
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_ on February 7th 2015, 7:34 pm

so make a group for them
avatar
_Twisted_Mods_
Helper
Helper

Male Posts : 2064
Reputation : 314
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 on February 7th 2015, 8:01 pm

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?
avatar
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_ on February 7th 2015, 11:50 pm

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

Male Posts : 2064
Reputation : 314
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 on February 7th 2015, 11:52 pm

okay thanks~
avatar
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 on February 9th 2015, 2:55 am

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

Male Posts : 8712
Reputation : 628
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Back to top


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