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

by JenniferSPN15 Tue 17 Feb - 18:47

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

Thanks in advance!

by _Twisted_Mods_ Tue 17 Feb - 19:13

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://2img.net/i/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; }

by JScript Tue 17 Feb - 19:58

@JenniferSPN15

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

Link: https://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

by Erika Whynter Tue 17 Feb - 21:22

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 = "" + "" + user.username + "";\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 = "(" + message.datetime + ")";\n' + ' if (message.userId == -10) {\n' + ' html += " " + message.msg + ""\n' + ' } else {\n' + ' html +=\n' + ' "";\n' + ' if (this.avatar) {\n' + ' html += " <img src=\'" + message.user.avatar + "\' />";\n' + ' }\n' + ' html +=\n' + ' "" +\n' + ' " " +\n' + ' "" + message.username + " : " +\n' + ' "" +\n' + ' "" + message.msg + "" +\n' + ' ""\n' + ' "";\n' + ' }\n' + ' html += "";\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.

by JScript Tue 17 Feb - 21:36

@Erika Whynter

Try clicking on Back to the Chat link...
How to Remove The '@' From mods in chatbox? GMKqQhF

This is a natural behavior of the new chat box.

JS

by Erika Whynter Tue 17 Feb - 21:42

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

by JScript Tue 17 Feb - 22:01

@Erika Whynter

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

So long,

JS

by Str0ng Wed 18 Feb - 11:15

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

by Ange Tuteur Thu 19 Feb - 1:09

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 }

by **Ape** Sat 21 Feb - 18:22

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

by JScript Sat 21 Feb - 18:27

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

The Technicians changed again the JSON format of the messages ...

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

JS

by **Ape** Sat 21 Feb - 18:34

Thank you lol anyway i sort of made a small fix i added the code posted here
https://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://i.servimg.com/u/f38/12/23/10/57/captur30.png

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

by Worst Nightmare Sat 21 Feb - 22:37

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

by Derri Sat 21 Feb - 22:39

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.

by Worst Nightmare Sat 21 Feb - 22:50

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.