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 Sat 26 Dec - 10:32

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 Sat 26 Dec - 15:13; edited 2 times in total

Dr.Kran
Forumember

Male Posts : 32
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 Vanityy on Sat 26 Dec - 11:41

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.

Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
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 Sat 26 Dec - 12:49

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 : 5474
Reputation : 500
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 Sat 26 Dec - 15:14

@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 : 32
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 Vanityy on Sat 26 Dec - 16:13

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.

Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Thanked

Post by Dr.Kran on Sun 27 Dec - 7:26

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 : 32
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 Vanityy on Sun 27 Dec - 12:43


Vanityy
Helper
Helper

Male Posts : 2334
Reputation : 323
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