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.

Help With Chatbox CSS

3 posters

Go down

Help With Chatbox CSS Empty Help With Chatbox CSS

Post by FrOsTyXi May 12th 2015, 3:58 am

Hello i am displaying TM with this code
Code:
a[href="/u1"] span strong:after{font-size:10px;content:"™";color:red}

It's only for my name as you can see in the code but how do i make it so it shows in the chatbox?

Thanks in advance!

Regards
FrOsTyXi
FrOsTyXi
FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by Sir. Mayo May 12th 2015, 4:11 am

Could you post a test account, that can view the chat box?


Last edited by Sir. Mayo on May 12th 2015, 4:12 am; edited 1 time in total (Reason for editing : wording)
Sir. Mayo
Sir. Mayo
Forumember

Male Posts : 978
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

http://sir-mayo.forumotion.com/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by FrOsTyXi May 12th 2015, 4:32 am

@Sir. Mayo sent *)
FrOsTyXi
FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by Sir. Mayo May 12th 2015, 5:02 am

Go to you ACP and add this to the end of your user name

Code:
™



Sir. Mayo
Sir. Mayo
Forumember

Male Posts : 978
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

http://sir-mayo.forumotion.com/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by FrOsTyXi May 12th 2015, 5:10 am

Ok i shortened the code just for me like this the 050505 is not getting the TM also made a few adjustments to it aswell here that is
Code:
#chatbox_members span[style="color:#000000"]::after,span.user[style="color:#000000"]::after, span.user[style="color:#000000"]::after {
    position: relative;
    top: 3px;
  content:  "™";
  fornt-wieght:10px;
  color:red;
}

Now after adding the code the TM is in front of the : in the chat like this image shows
Help With Chatbox CSS Captur11

Can we fix this?

Thank you for the help!

Regards
FrOsTyXi
FrOsTyXi
FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by Sir. Mayo May 12th 2015, 5:12 am

Check my post about your user name, by adding ™ it should add TM to the end for your name.
if you do that make sure to remove
Code:
a[href="/u1"] span strong:after{font-size:10px;content:"™";color:red}
from your css.
Sir. Mayo
Sir. Mayo
Forumember

Male Posts : 978
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

http://sir-mayo.forumotion.com/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by FrOsTyXi May 12th 2015, 5:41 am

Thank you for your help and kind words, still on the fence if i want to add it to my name but it's something to think about.

Thank you again!
FrOsTyXi
FrOsTyXi
FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by Sir. Mayo May 12th 2015, 5:42 am

You are very welcome man, glad i could help.
Sir. Mayo
Sir. Mayo
Forumember

Male Posts : 978
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

http://sir-mayo.forumotion.com/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by JScript May 12th 2015, 5:46 pm

@FrOsTyXi
Or try this:
Code:

#chatbox .user-msg span[data-user="1"]::after {
  color: red;
  content: "™";
  font-family: Verdana;
  font-size: 10px;
}

Result:
Help With Chatbox CSS 6t1T0CE

JS
JScript
JScript
Forumember

Male Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Help With Chatbox CSS Empty Re: Help With Chatbox CSS

Post by FrOsTyXi May 12th 2015, 6:00 pm

Thank you @JScript that worked perfect!
FrOsTyXi
FrOsTyXi
Forumember

Male Posts : 460
Reputation : 12
Language : english

http://team-psn.forum-board.net/

Back to top Go down

Back to top

- Similar topics

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