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?

View previous topic View next topic Go down

How does one edit their chatbox with CSS?

Post by Dr.Kran on December 26th 2015, 12: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, 5:13 pm; edited 2 times in total

Dr.Kran
Forumember

Male Posts : 31
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 Genesis on December 26th 2015, 1: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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
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, 2: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.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5144
Reputation : 478
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, 5: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
Forumember

Male Posts : 31
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 Genesis on December 26th 2015, 6: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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Thanked

Post by Dr.Kran on December 27th 2015, 9:26 am

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
Forumember

Male Posts : 31
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 Genesis on December 27th 2015, 2:43 pm


Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

View previous topic View next topic Back to top


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