Home
the title says it all<3 Forum is linked in profile, version phpBB3
Thanks in advance!
Thanks in advance!
+5
Str0ng
Erika Whynter
JScript
_Twisted_Mods_
JenniferSPN15
9 posters
How to Remove The '@' From mods in chatbox?
JenniferSPN15- New Member
- Posts : 8
Reputation : 1
Language : english
_Twisted_Mods_- Helper
Posts : 2083
Reputation : 336
Language : English
Location : Ms
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
or use a image to hide it
replace with image -- replace image.gif with your image url
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;
}
JScript- Forumember
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil
@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
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
Last edited by JScript on Sat 21 Feb 2015 - 17:40; edited 2 times in total (Reason for editing : Updates on code!)
Erika Whynter- Forumember
Posts : 28
Reputation : 6
Language : EN, SPA, ITA
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> : " +\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.
JScript- Forumember
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil
@Erika Whynter
Try clicking on Back to the Chat link...
This is a natural behavior of the new chat box.
JS
Try clicking on Back to the Chat link...
This is a natural behavior of the new chat box.
JS
Erika Whynter- Forumember
- Posts : 28
Reputation : 6
Language : EN, SPA, ITA
Ok now it works. Thank you very much for this feature.
JScript- Forumember
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil
@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
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
Str0ng- Forumember
- Posts : 55
Reputation : 7
Language : Spanish
Awesome! But it does not work on full chat view!
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Hi @JenniferSPN15,
Add this rule to your stylesheet :
Administration Panel > Display > Colors > CSS stylesheet
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 }
Ape- Administrator
- Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha
I've been trying to remove the @ from my chat room with this code and it's not working for me 
JScript- Forumember
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil
The Technicians changed again the JSON format of the messages ...APE wrote:I've been trying to remove the @ from my chat room with this code and it's not working for me
I will make an another code and post when conclude ok?
JS
Ape- Administrator
- Posts : 19325
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha
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
and added some margin to the code that was posted and it's sort of working but the icons Dont show in IE
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
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
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
Worst Nightmare- Forumember
- Posts : 107
Reputation : 2
Language : English
- Post n°13
Re: How to Remove The '@' From mods in chatbox?
by Worst Nightmare Sat 21 Feb 2015 - 21:37
HMM I NEED A CODE TO TRY ATLEAST TAKE THE @ SIGN OFF, IS THAT THE CODE TO TAKE IT OFF?
Derri- Helper
- Posts : 8711
Reputation : 638
Language : English & Basic French
Location : Scotland, United Kingdom
Please avoid using caps as it is considered as screaming and is very hard to read.Worst Nightmare wrote: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
- Post n°15
Re: How to Remove The '@' From mods in chatbox?
by Worst Nightmare Sat 21 Feb 2015 - 21:50
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.Derri wrote:Please avoid using caps as it is considered as screaming and is very hard to read.Worst Nightmare wrote:HMM I NEED A CODE TO TRY ATLEAST TAKE THE @ SIGN OFF, IS THAT THE CODE TO TAKE IT OFF?