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.

Chatbox @ icon changer

View previous topic View next topic Go down

Solved Chatbox @ icon changer

Post by Nekare on January 20th 2013, 10:33 pm

Hello again xD

Someone told me it is possible to change the @ for the admins in the forum chatbox, but I don't know the code to do that.

I have tried this code:
#chat {
Rank: admin;
Rank: chat moderator;
Icon: ε;
}

But it didn't work... xD
I am not that prof to code, so someone that can help me? Very Happy


I want to change the @ icon to ε ^^

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Akkii on January 20th 2013, 10:37 pm

Code:
#chatbox > p span.user > span:after {
  content: 'ε';
}

Try this code. Add it in CSS.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 20th 2013, 10:38 pm

Thanks! That worked, but the @ isn't gone, is it possible to change that? ^^

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Akkii on January 20th 2013, 10:40 pm

Code:
#chatbox > p span.user > span strong {
  display: none;
}

I forgot this code Razz

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 20th 2013, 10:42 pm

Ohhhh... Thank you very much for the help!!! Smile

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Akkii on January 20th 2013, 10:42 pm

No problem. Smile

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 20th 2013, 10:43 pm

And yeah, in the online list, is it possible to change the @ and hide it there too? ^^

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Akkii on January 20th 2013, 10:51 pm

I don't know code for that Razz

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 20th 2013, 10:52 pm

ooh, ok :/
Anyone that know the code for that? ;o

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 24th 2013, 10:37 am

Anyone that know how to hide the @ in the online list in the chatbox? ^^

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 25th 2013, 9:28 am

So I have to use Java script or htlm?

I just want to hide it if that is possible? Smile

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 30th 2013, 12:01 pm

Bump

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on January 31st 2013, 7:05 pm

Oh, ok, thank you very much! c:

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by SLGray on January 31st 2013, 8:14 pm

Is this solved now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by LGforum on February 7th 2013, 12:11 am

You can try this CSS for changing the '@' symbol in the Online list:
Code:
#chatbox_members li a > span:first-child strong { display:none; }
#chatbox_members li a > span:first-child:before { content: 'Mod: '; }

Details of this trick are here: http://www.avacweb.com/t220-css-trick-change-the-chatbox#2056

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare on February 11th 2013, 11:53 am

That worked, thank you!
This problem is solved Smile

Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

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