The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

"Staff" Icon for chatbox not working

View previous topic View next topic 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

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; }

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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

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

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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?

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;

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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~

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


Forum Rules†: :†Forumotion Staff†: :†Appeal A Warning†: :†FAQ†: :†Tips & Tricks†: :†Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8355
Reputation : 571
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

View previous topic View next topic Back to top


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