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.
The forum of the forums
3 posters

    Help With Chatbox CSS

    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

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

    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)
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

    Help With Chatbox CSS Empty Re: Help With Chatbox CSS

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

    @Sir. Mayo sent *)
    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

    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:
    ™



    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

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

    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.
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

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

    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.
    JScript
    JScript
    Forumember


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

    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
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

    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!

      Current date/time is November 11th 2024, 10:54 pm