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.

How does one edit their chatbox with CSS?

3 posters

Go down

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

Male Posts : 10110
Reputation : 923
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 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 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 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 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

- Similar topics

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