How does one edit their chatbox with CSS? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

    How does one edit their chatbox with CSS?

    Dr.Kran
    Dr.Kran
    Forumember


    Male Posts : 70
    Reputation : 1
    Language : English
    Location : Classified

    How does one edit their chatbox with CSS? Empty How does one edit their chatbox with CSS?

    Post by Dr.Kran December 26th 2015, 4:32 pm

    The name previewed with @ in addition to my name I want to change to blank in chatbox.
    And is it possible for me to have whatever I say in chatbox have the text-shadow effect?

    Complete access to chatbox Usernames tweaks and the text-shadow chat for me and other users to enjoy.


    Last edited by Dr.Kran on December 26th 2015, 9:13 pm; edited 2 times in total
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain

    How does one edit their chatbox with CSS? Empty Re: How does one edit their chatbox with CSS?

    Post by Take Notes December 26th 2015, 5:41 pm

    Check this to change the @:
    https://help.forumotion.com/t139284-codes-to-personalize-your-chatbox

    For text shadow effect you can just search it and you'll find it really easy.
    brandon_g
    brandon_g
    Manager
    Manager


    Male Posts : 10113
    Reputation : 923
    Language : English
    Location : USA

    How does one edit their chatbox with CSS? Empty Re: How does one edit their chatbox with CSS?

    Post by brandon_g December 26th 2015, 6:49 pm

    Hello,

    Is this solved, I see it has been marked with the solved icon? Please respond within 24 hours.

    -Brandon



    How does one edit their chatbox with CSS? Brando10
    Remember to mark your topic How does one edit their chatbox with CSS? Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    How does one edit their chatbox with CSS? Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    Dr.Kran
    Dr.Kran
    Forumember


    Male Posts : 70
    Reputation : 1
    Language : English
    Location : Classified

    How does one edit their chatbox with CSS? Empty Re: How does one edit their chatbox with CSS?

    Post by Dr.Kran December 26th 2015, 9:14 pm

    brandon_g wrote:Hello,

    Is this solved, I see it has been marked with the solved icon? Please respond within 24 hours.

    -Brandon
    Nope, not exactly of any help to me.
    I still need to find out how to make both glowing chat and @ vanish.
    Error appears whenever I used the code on that link.
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain

    How does one edit their chatbox with CSS? Empty Re: How does one edit their chatbox with CSS?

    Post by Take Notes December 26th 2015, 10:13 pm

    Add this to your JavaScript:
    Code:

    $(window).load(function() {
          var chatbox_script = function() {
            var overrided = Chatbox.prototype.refresh;
            Chatbox.prototype.refresh = function(data) {
              overrided.call(this, data);
              $('.chatbox-username').each(function(){
                this.previousSibling&&$.trim(this.previousSibling.nodeValue)=="@"&&$(this.previousSibling).replaceWith('')
              })
            };
          };
          var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
        });

    That will get rid of the @, make sure to add this in all pages.
    Dr.Kran
    Dr.Kran
    Forumember


    Male Posts : 70
    Reputation : 1
    Language : English
    Location : Classified

    How does one edit their chatbox with CSS? Empty Thanked

    Post by Dr.Kran December 27th 2015, 1:26 pm

    Clashmune wrote:Add this to your JavaScript:
    Code:

    $(window).load(function() {
          var chatbox_script = function() {
            var overrided = Chatbox.prototype.refresh;
            Chatbox.prototype.refresh = function(data) {
              overrided.call(this, data);
              $('.chatbox-username').each(function(){
                this.previousSibling&&$.trim(this.previousSibling.nodeValue)=="@"&&$(this.previousSibling).replaceWith('')
              })
            };
          };
          var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
        });

    That will get rid of the @, make sure to add this in all pages.
    Maybe I missed out the "add to java script" part, thanks.
    What of the chatbox text glow for whenever I type?
    Take Notes
    Take Notes
    Helper
    Helper


    Male Posts : 2337
    Reputation : 324
    Language : English
    Location : Forumountain

    How does one edit their chatbox with CSS? Empty Re: How does one edit their chatbox with CSS?

    Post by Take Notes December 27th 2015, 6:43 pm