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

by JenniferSPN15 February 17th 2015, 5:47 pm

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

Thanks in advance!

by _Twisted_Mods_ 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://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 February 17th 2015, 6:58 pm

@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 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 = "" + "" + 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 February 17th 2015, 8:36 pm

@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 February 17th 2015, 8:42 pm

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

by JScript February 17th 2015, 9:01 pm

@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 February 18th 2015, 10:15 am

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

by Ange Tuteur 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 }

by **Ape** 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

by JScript 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

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

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

JS

by **Ape** February 21st 2015, 5:34 pm

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 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?

by Derri 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.

by Worst Nightmare 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.