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, 4: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 ε ^^
avatar
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, 4:37 pm

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

Try this code. Add it in CSS.
avatar
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, 4:38 pm

Thanks! That worked, but the @ isn't gone, is it possible to change that? ^^
avatar
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, 4:40 pm

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

I forgot this code Razz
avatar
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, 4:42 pm

Ohhhh... Thank you very much for the help!!! Smile
avatar
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, 4:42 pm

No problem. Smile
avatar
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, 4:43 pm

And yeah, in the online list, is it possible to change the @ and hide it there too? ^^
avatar
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, 4:51 pm

I don't know code for that Razz
avatar
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, 4:52 pm

ooh, ok :/
Anyone that know the code for that? ;o
avatar
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, 4:37 am

Anyone that know how to hide the @ in the online list in the chatbox? ^^
avatar
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, 3:28 am

So I have to use Java script or htlm?

I just want to hide it if that is possible? Smile
avatar
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, 6:01 am

Bump
avatar
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, 1:05 pm

Oh, ok, thank you very much! c:
avatar
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, 2:14 pm

Is this solved now?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39138
Reputation : 2626
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by LGforum on February 6th 2013, 6:11 pm

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
avatar
LGforum
Hyperactive

Male Posts : 2262
Reputation : 260
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, 5:53 am

That worked, thank you!
This problem is solved Smile
avatar
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