the title says it all<3 Forum is linked in profile, version phpBB3
Thanks in advance!
Thanks in advance!
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
.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;
}
.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 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]
.user-msg .user, #chatbox_members li { font-size:0 }
.user-msg .user .chatbox-username, #chatbox_members li .chatbox-username { font-size:12px }
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
/*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;
}
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?
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?