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 to Remove The '@' From mods in chatbox?

View previous topic View next topic Go down

How to Remove The '@' From mods in chatbox?

Post by JenniferSPN15 on February 17th 2015, 5:47 pm

the title says it all<3 Forum is linked in profile, version phpBB3

Thanks in advance!

JenniferSPN15
New Member

Posts : 8
Reputation : 1
Language : english

http://live-the-worldwide.forumotion.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by _Twisted_Mods_ on February 17th 2015, 6:13 pm

the way they have it setup now you really cant remove it but you have to options either hide it by covering it with a color the same color as your background of your chat or use a image to cover it

acp>display>color>css
choose the code below you want ..copy and paste it then save


replace with color --- replace "Black" with the color of your chat background

Code:
.user[style="color:#52BCE3"] span:before, #chatbox_members span[style="color:#52BCE3"] span:before {
content: url("http://illiweb.com/fa/empty.gif");
margin-left: -17px;
vertical-align: top;
background-color: black;
height: 20px;
width: 20px;
display: inline-block;
}

or use a image to hide it

replace with image -- replace image.gif with your image url
Code:
.user[style="color:#52BCE3"] span:before, #chatbox_members span[style="color:#52BCE3"] span:before {
    content: url("image.gif");
    margin-left: -17px;
    vertical-align: top;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by JScript on February 17th 2015, 6:58 pm

@JenniferSPN15

Or add the code below with placement only "In the home page":

Link: http://help.forumotion.com/t138790-new-chat-box-a-brief-analysis#944373

The above code has a huge potential in which we can change the whole HTML structure of response messages from the chat box!

The imagination is the limit,

JS


Last edited by JScript on February 21st 2015, 5:40 pm; edited 2 times in total (Reason for editing : Updates on code!)

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Erika Whynter on February 17th 2015, 8:22 pm

@JScript wrote:@JenniferSPN15

Or add the code below with placement only "In the home page":
Code:

/**************************************************************************
 * Module: Remove the '@' from mods in chatbox!
 * Description: Need?!
 * Author: Made and Optimizations by JScript - 2015/02/17
 ***************************************************************************/

// Redefine function!
function insertChatBox(chatbox_id, chatbox_url) {
   return insertChatBoxNew(chatbox_id, chatbox_url);
}
// Redefine function!
function insertChatBoxNew(chatbox_id, chatbox_url) {
   // Put the chat box on top of widgets!
   // $('#' + chatbox_id).parent().detach().prependTo('#wrapper');

   document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';

   $('#frame_chatbox').load(function(){
      var oIframe = (document.getElementById("frame_chatbox").contentWindow || document.getElementById("frame_chatbox").contentDocument),
         script = oIframe.document.createElement("script");

      script.type = "text/javascript";
      script.innerHTML =
         'Chatbox.prototype.refresh = function(data) {\n' +
         '   if (data.error) {\n' +
         '      $("body").html(data.error)\n' +
         '   } else {\n' +
         '      if (this.connected && !this.archives) {\n' +
         '         $("#chatbox_footer").css("display", "block");\n' +
         '         $("#chatbox_messenger_form").css("display", "block");\n' +
         '         $("#chatbox_messenger_form").css("visibility", "visible")\n' +
         '      } else {\n' +
         '         $("#chatbox_footer").css("display", "none");\n' +
         '         $("#chatbox_messenger_form").css("display", "none");\n' +
         '         $("#chatbox_messenger_form").css("visibility", "hidden")\n' +
         '      }\n' +
         '      if (this.connected) {\n' +
         '         $("#chatbox_display_archives").show();\n' +
         '         $("#chatbox_option_co").hide();\n' +
         '         $("#chatbox_option_disco, #chatbox_footer").show();\n' +
         '         $(".format-message").each(function() {\n' +
         '            var name = $(this).attr("name");\n' +
         '            var value = my_getcookie("CB_" + name);\n' +
         '            $(this).prop("checked", parseInt(value) ? true : false)\n' +
         '         });\n' +
         '         this.format();\n' +
         '         if (data.lastModified) {\n' +
         '            this.listenParams.lastModified = data.lastModified\n' +
         '         }\n' +
         '      } else {\n' +
         '         $("#chatbox_option_co").show();\n' +
         '         $("#chatbox_option_disco, #chatbox_footer").hide()\n' +
         '         $("#chatbox_display_archives").hide()\n' +
         '      }\n' +
         '      if (data.users) {\n' +
         '         this.users = [];\n' +
         '         $(".online-users, .away-users").empty();\n' +
         '         $(".member-title").hide();\n' +
         '         for (var i in this.users) {\n' +
         '            var user = this.users[i];\n' +
         '            this.users[user.id] = user;\n' +
         '            var username = "<span style=\'color:" + user.color + "\'>" + "<span class=\'chatbox-username chatbox-user-username\' data-user=\'" + user.id + "\' >" + user.username + "</span></span>";\n' +
         '            var list = user.online ? ".online-users" : ".away-users";\n' +
         '            $(list).append("<li>" + username + "</li>")\n' +
         '         }\n' +
         '         if (!$(".online-users").is(":empty")) {\n' +
         '            $(".member-title.online").show()\n' +
         '         }\n' +
         '         if (!$(".away-users").is(":empty")) {\n' +
         '            $(".member-title.away").show()\n' +
         '         }\n' +
         '      }\n' +
         '      if (data.messages) {\n' +
         '         var scroll = !this.messages || this.messages.length != data.messages.length;\n' +
         '         this.messages = data.messages;\n' +
         '         $("#chatbox").empty();\n' +
         '         if (this.messages) {\n' +
         '         var cb_content = "",\n' +
         '            message = "",\n' +
         '            html = "",\n' +
         '            msg = "";\n' +
         '            for (var j = 0, len = this.messages.length; j < len; j++) {\n' +
         '               message = this.messages[j];\n' +
         '               html = "<p class=\'chatbox_row_" + (j % 2 == 1 ? 2 : 1) + " clearfix\'><span class=\'right desc\'><span class=\'date-and-time\' title=\'" + message.date + "\'>(" + message.datetime + ")</span></span>";\n' +
         '               if (message.userId == -10) {\n' +
         '                  html += "<span class=\'msg\'><span style=\'color:" + message.msgColor + "\'><strong> " + message.msg + "</strong></span></span>"\n' +
         '               } else {\n' +
         '                  html +=\n' +
         '                     "<span class=\'user-msg\'>";\n' +
         '                        if (this.avatar) {\n' +
         '                           html += "   <span class=\'cb-avatar\'><img src=\'" + message.user.avatar + "\' /></span>";\n' +
         '                        }\n' +
         '                     html +=\n' +
         '                        "<span class=\'user\' style=\'color:" + message.user.color + "\'>" +\n' +
         '                           "<strong> " +\n' +
         '                              "<span class=\'chatbox-username chatbox-message-username\' data-user=\'" + message.userId + "\' >" + message.username + "</span>&nbsp;:&nbsp;" +\n' +
         '                           "</strong>" +\n' +
         '                           "<span class=\'msg\'>" + message.msg + "</span>" +\n' +
         '                        "</span>"\n' +
         '                     "</span>";\n' +
         '               }\n' +
         '               html += "</p>";\n' +
         '               cb_content += html;\n' +
         '            }\n' +
         '            $("#chatbox").append(cb_content);\n' +
         '            if (scroll) {\n' +
         '               $("#chatbox")[0].scrollTop = $("#chatbox").prop("scrollHeight") * 2\n' +
         '            }\n' +
         '         }\n' +
         '      }\n' +
         '   }\n' +
         '};';
      oIframe.document.getElementsByTagName("head")[0].appendChild(script);
   });
}



[i]The above code has a huge potential in which we can change the whole HTML structure of response messages from the chat box!


The imagination is the limit,

JS
[/i]


@Jscript , it works in the sense of the @ removal but now I'm not even allowed to type in the chatbox or do anything

http://prntscr.com/66dkzv

My forum is PHPbb3 as well.

Erika Whynter
Forumember

Female Posts : 28
Reputation : 6
Language : EN, SPA, ITA

http://SwordMasteryAcademy.Forumotion.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by JScript on February 17th 2015, 8:36 pm

@Erika Whynter

Try clicking on Back to the Chat link...


This is a natural behavior of the new chat box.

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Erika Whynter on February 17th 2015, 8:42 pm

Ok now it works. Thank you very much for this feature.

Erika Whynter
Forumember

Female Posts : 28
Reputation : 6
Language : EN, SPA, ITA

http://SwordMasteryAcademy.Forumotion.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by JScript on February 17th 2015, 9:01 pm

@Erika Whynter

I made an improvement in the code, check out: http://help.forumotion.com/t139097-how-to-remove-the-from-mods-in-chatbox#943571

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Str0ng on February 18th 2015, 10:15 am

Awesome! But it does not work on full chat view!

Str0ng
Forumember

Posts : 52
Reputation : 7
Language : Spanish

http://www.seasonal-trackers.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Ange Tuteur on February 19th 2015, 12:09 am

Hi @JenniferSPN15,

Add this rule to your stylesheet :
Administration Panel > Display > Colors > CSS stylesheet
Code:
.user-msg .user, #chatbox_members li { font-size:0 }
.user-msg .user .chatbox-username, #chatbox_members li .chatbox-username { font-size:12px }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by APE on February 21st 2015, 5:22 pm

I've been trying to remove the @ from my chat room with this code and it's not working for me Sad





APE
Manager
Manager

Male Posts : 8636
Reputation : 757
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by JScript on February 21st 2015, 5:27 pm

@APE wrote:I've been trying to remove the @ from my chat room with this code and it's not working for me Sad
The Technicians changed again the JSON format of the messages ...

I will make an another code and post when conclude ok?

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by APE on February 21st 2015, 5:34 pm

Thank you lol anyway i sort of made a small fix i added the code posted here
http://help.forumotion.com/t139097-how-to-remove-the-from-mods-in-chatbox#943809 and then added the code for my icons to my Css files

Code:
/*Staff Icons*/
/*Admins*/
.user[style="color:#FF0000"] span:before, #chatbox_members span[style="color:#FF0000"] span:before {
content:url(http://i722.photobucket.com/albums/ww222/Apechat/1a_1.png)!important;
margin-left:-16px !important;
vertical-align: Bottom!important;

}
/*Mods*/
.user[style="color:#993A0E"] span:before, #chatbox_members span[style="color:#993A0E"] span:before {
content:url(http://i722.photobucket.com/albums/ww222/Apechat/vqg1.png)!important;
margin-left:-4px !important;
vertical-align:Bottom !important;
}

and added some margin to the code that was posted and it's sort of working but the icons Dont show in IE Sad

in firefox and chrome


https://i38.servimg.com/u/f38/12/23/10/57/captur30.png

in IE
https://i38.servimg.com/u/f38/12/23/10/57/captur31.png





APE
Manager
Manager

Male Posts : 8636
Reputation : 757
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Worst Nightmare on February 21st 2015, 9:37 pm

HMM I NEED A CODE TO TRY ATLEAST TAKE THE @ SIGN OFF, IS THAT THE CODE TO TAKE IT OFF?

Worst Nightmare
Forumember

Posts : 107
Reputation : 2
Language : English

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Derri on February 21st 2015, 9:39 pm

@Worst Nightmare wrote:HMM I NEED A CODE TO TRY ATLEAST TAKE THE @ SIGN OFF, IS THAT THE CODE TO TAKE IT OFF?
Please avoid using caps as it is considered as screaming and is very hard to read.


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Re: How to Remove The '@' From mods in chatbox?

Post by Worst Nightmare on February 21st 2015, 9:50 pm

@Derri wrote:
@Worst Nightmare wrote:HMM I NEED A CODE TO TRY ATLEAST TAKE THE @ SIGN OFF, IS THAT THE CODE TO TAKE IT OFF?
Please avoid using caps as it is considered as screaming and is very hard to read.
I CANT SEEM TO TURN IT OFF AT ALL, IT IS BROKEN AT THE MOMENT, ONCE I GET SOLUTION TO TURN IT OFF, IM DESPERATELY NEED HELP TURNING IT OFF AND I HIT CAPS LOCK BUTTON MANY TIMES TO GET IT TO TURN OFF BUT IT WOULDNT.

Worst Nightmare
Forumember

Posts : 107
Reputation : 2
Language : English

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