The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How does one edit their chatbox with CSS?

Go down

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
avatar
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

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 @:
http://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.
avatar
Take Notes
Helper
Helper

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

http://forumpromocean.com

Back to top Go down

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


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6687
Reputation : 608
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

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.
avatar
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

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.
avatar
Take Notes
Helper
Helper

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

http://forumpromocean.com

Back to top Go down

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?
avatar
Dr.Kran
Forumember

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

http://kranutopia.finddiscussion.com/forum

Back to top Go down

Re: How does one edit their chatbox with CSS?

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

avatar
Take Notes
Helper
Helper

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

http://forumpromocean.com

Back to top Go down

Back to top


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