How does one edit their chatbox with CSS?

Go down

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

Post by Dr.Kran on 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
Dr.Kran
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

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

Post by Take Notes on 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.
Take Notes
Take Notes
Helper
Helper

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

Back to top Go down

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

Post by brandon_g on 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.
brandon_g
brandon_g
Manager
Manager

Male Posts : 8277
Reputation : 759
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

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

Post by Dr.Kran on 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.
Dr.Kran
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

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

Post by Take Notes on 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.
Take Notes
Take Notes
Helper
Helper

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

Back to top Go down

How does one edit their chatbox with CSS? Empty Thanked

Post by Dr.Kran on 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?
Dr.Kran
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

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

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

Take Notes
Take Notes
Helper
Helper

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

Back to top Go down

Back to top


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