The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Chatbox @ icon changer

4 posters

Go down

Solved Chatbox @ icon changer

Post by Nekare 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
Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

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

Try this code. Add it in CSS.
Akkii
Akkii
Forumember

Male Posts : 706
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 January 20th 2013, 10:38 pm

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

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

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

I forgot this code Razz
Akkii
Akkii
Forumember

Male Posts : 706
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 January 20th 2013, 10:42 pm

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

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

No problem. Smile
Akkii
Akkii
Forumember

Male Posts : 706
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 January 20th 2013, 10:43 pm

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

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

I don't know code for that Razz
Akkii
Akkii
Forumember

Male Posts : 706
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 January 20th 2013, 10:52 pm

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

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

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

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by Nekare 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
Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

Bump
Nekare
Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

Oh, ok, thank you very much! c:
Nekare
Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Solved Re: Chatbox @ icon changer

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

Is this solved now?


Chatbox @ icon changer Slgray10

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

Male Posts : 51552
Reputation : 3523
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Chatbox @ icon changer

Post by LGforum 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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Solved Re: Chatbox @ icon changer

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

That worked, thank you!
This problem is solved Smile
Nekare
Nekare
Forumember

Female Posts : 54
Reputation : 1
Language : Norwegian

Back to top Go down

Back to top

- Similar topics

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