chat box code
2 posters
Page 1 of 1
chat box code
i got code for chat box for punbb version
but i need from this only online list for my chat box
here is the code
Code:
so what code i will to get online list in chat ?
[/font][/color]
but i need from this only online list for my chat box
here is the code
Code:
- Code:
/*chatbox*/
#chatbox_header.main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
#chatbox_messenger_form, #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field {
float: none;
}
.chatbox-title, .chatbox-title a.chat-title {
color: white;
font-size: 15px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}
#chatbox_members .member-title {
background: transparent;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
display: none;
}
div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
word-wrap: break-word !important;
}
#chatbox_footer {
background: transparent;
clear:both;
position: relative;
height: 150px !important;
margin-top: 100px;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
color: #464646;
width: 20px;
height: 20px;
}
#chatbox_messenger_form {
margin: -25px 0 0;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{
visibility:hidden
}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
position: absolute;
right: 240px;
bottom: 10px;
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
position: absolute;
right: 200px;
bottom: 10px;
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
position: absolute;
right: 160px;
bottom: 10px;
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
position: absolute;
right: 120px;
bottom: 10px;
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
position: absolute;
right: 80px;
bottom: 10px;
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
position: absolute;
right: 40px;
bottom: 10px;
}
#chatbox{
background: transparent;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
margin-top: 5px;
left:0;
width: 595px;
height: 85%;
}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}
#chatbox_footer #chatbox_messenger td.catBottom {
background: transparent !important;
background-image: none !important;
border-width: 0;
}
#chatbox_top {
height: 275px !important;
}
img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif"], img[src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif"] {
display: none;
}
so what code i will to get online list in chat ?
[/font][/color]
Re: chat box code
Hello mist3r0us_b0y,
Remove this:
Remove this:
- Code:
#chatbox_members {
display: none;
}
Re: chat box code
oops sorry it was my mistake
am using shoutbox and the code for it is in html page
sorry again for missunderstand
thanks
am using shoutbox and the code for it is in html page
- Code:
<!--
// Copyright? (c) 2013 JScript <jscriptbrasil at live.com>
// This work is free. You can redistribute it and/or modify it
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Chatbox</title>
<meta content="text/html; charset=utf-8" http-equiv="content-type"/>
<meta content="text/javascript" http-equiv="content-script-type"/>
<meta content="text/css" http-equiv="content-style-type"/>
<link href="http://illiweb.com/fa/favicon/write.ico" type="image/x-icon" rel="shortcut icon"/>
<link type="text/css" href="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/ShoutBox.css" rel="stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!--<script type="text/javascript" src="http://illiweb.com/rs3/54/frm/lang/pt.js"></script>-->
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDdVlWcUlScmk2SlE/lz-string-1.3.0-rc1.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B1KYB697LuNxVUlqTDVLTXNHSkU"></script>
<!-- Include the editors JS
<link rel="stylesheet" href="https://googledrive.com/host/0BywKunb3ieyDdjQzQW43bUtndnM/office-toolbar.min.css" type="text/css" media="all" />
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDYTRDTVAxX1N2MGM/jquery.sceditor.bbcode.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0BywKunb3ieyDR2FvbUdPLVczTjQ/pt-BR.js"></scrip>
-->
<script type="text/javascript">
//<![CDATA[
var params = '?archives=1';
var smilies_sid = '';
var url_chat = '/chatbox/index.forum';
function updateParent() {
parent.updateIframeSize('iframe_shoutbox', $('html').height());
}
/*
$(function() {
$("#editarea").sceditor({
plugins: "bbcode",
toolbar: "source,removeformat,maximize|font,size,color,emoticon|cut,copy,paste,pastetext|bold,italic,underline,strike,subscript,superscript|code,quote,image,email,link,unlink|left,center,right,justify",
fonts: "Arial,Arial Black,Courier New,Sans-serif,Times New Roman,Trebuchet MS",
locale: "pt",
emoticonsRoot: "https://googledrive.com/host/0BywKunb3ieyDeXo0RF93Z1BXd3M/",
resizeEnabled: false,
autofocus: true
});
});*/
//]]>
</script>
<style type="text/css">
* {margin: 0;padding: 0;}
html, body {overflow: hidden;}
body {padding: 0;margin: 0;background-color: #fbfbfb; font-family: helvetica,arial,sans-serif !important}
.fontbutton {border:0;}
#ajax_loading {
background: -moz-linear-gradient(center top , #95C715 0%, #7BA60D 100%) repeat scroll 0 0 transparent;
border: 1px solid #7BA60D;
border-radius: 0 0 5px 5px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
left: 46%;
padding: 5px 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 8%;
z-index: 10000;
}
.punbbtop button {
display: none !important;
}
</style>
</head>
<body vlink="" text="#333333" link="#225985" bgcolor="#fbfbfb" onload="parent.updateIframeSize('iframe_shoutbox', $('html').height());">
<div id="ajax_loading" style="display: none;"><img alt="Loading..." src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"/></div>
<div id="shoutbox-temp-msgs" style="display: none;"></div>
<div id="shoutbox-temp-imgs" style="display: none;"></div>
<div id="category_shoutbox" class="category_block block_wrap" style="min-height: 300px; min-width: 720px; width: 100%;">
<h3 class="maintitle">
<a title="View Main Shoutbox" href="/forum" target="_top">Shoutbox </a>
</h3>
<div role="tablist" class="cke_dialog_tabs" id="cke_dialog_tabs_200">
<a role="tab" hidefocus="true" tabindex="-1" id="cke_general_207" title="General" cke_first="" class="cke_dialog_tab" style="-moz-user-select: none;">
General
</a>
</div>
<div class="ipsBox table_wrap">
<div class="ipsBox_container">
<table class="ipb_table shoutbox_table" style="height: 230px; min-height: 230px;">
<tbody>
<tr class="row2" id="shoutbox-announcement-row">
<td valign="middle" colspan="2" class="altrow">
<div class="message" id="shoutbox-announcement-text">
No spamming and offensive words. <strong class="bbc">Support is not allowed in Shoutbox!</strong>
</div>
</td>
</tr>
<tr class="row1">
<td valign="top" colspan="2" class="altrow">
<div id="shoutbox-shouts" style="overflow: auto; overflow-x: hidden; left: 0px; top: 0px; height: 169px; min-height: 128px;">
<p id="shoutbox-inactive-prompt" style="display: none; height: 126px;" class="altrow short">
<br>We've noticed that you've been inactive for over 10 minutes.<br>
The shoutbox has stopped running due to your inactivity.<br>
If you are back again, please click the button below <u>I'm back!</u>.
<br><br>
<input type="button" onclick="I_am_back();" class="input_submit" value="I am Back!">
</p>
<p id="shoutbox-service" style="display: none; height: 126px;" class="altrow short">
<br><br>Our shoutbox is currently undergoing maintenance, we appreciate your understanding!<br>
The shoutbox has stopped running due to technical reasons.<br>
We will be back later. Thank you for understanding!
<br>
</p>
<table id="shoutbox-shouts-table" style="display: ;">
<div id="chatbox_members" style="display: none;" increment="10" pageincrement="144" maxpos="460" curpos="0"></div>
<tbody id="chatbox_general" class="chat_toggle" style="display: ;" curpos="188" maxpos="325" pageincrement="0" increment="10">
<!-- General ChatBox content -->
</tbody>
</table>
</div>
<div id="shouts-global-resizer" title="Clique para redimensionar o ShoutBox!" onmousedown="resizeElement();"></div>
<div style="display: none;" class="message error block_wrap" id="shoutbox-inline-error-glb"></div>
</td>
</tr>
<!-- Buttons -->
<tr class="row1">
<td valign="top" colspan="2" class="altrow">
<form onsubmit="submitmsg('?archives=1');return false;" method="post" action="" name="post">
<div id="chatbox_messenger_form" style="display: ">
<div align="center" onclick="document.post.message.focus();timer_count=0;">
<input type="text" id="message" name="message" size="70" maxlength="1024" class="input_text" autocomplete="off" style="width: 98%; margin-bottom: 10px;" onkeydown="number_of_refresh=0;timer_count=0;" />
<input type="submit" class="input_submit" value="Send Shout" id="submit_button" name="submit_button"/>
<input type="button" class="input_submit alt" value="Clear" id="shoutbox-clear-button" onclick="document.getElementById('message').value = '';">
<input type="button" class="input_submit alt" value="Refresh" id="shoutbox-refresh-button" style="" onclick="refresh_chatbox('?archives=1');"/>
</div>
</div>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="popupWrapper" id="editShout_popup" style="display: none; top: 50%; left: 50%; width: 650px; height: 245px; margin:-135px 0 0 -325px; position: absolute;">
<div class="popupInner" id="editShout_inner" style="width: 650px; height: 245px;">
<h3>Edit Shout</h3>
<div class="message error block_wrap" id="shoutbox-inline-error-editShout" style="display:none;"></div>
<div class="ipsPad">
<span class="cke_wrapper cke_ltr" role="presentation">
<form onsubmit="submitEditedMsg('?archives=1');return false;" method="post" action="" name="editpost">
<table border="0" cellpadding="0" cellspacing="0" class="cke_editor">
<tbody>
<tr>
<td class="cke_contents" style="height: 100px; padding: 0px ! important;">
<textarea class="input_text" id="editarea" name="editarea"
style="width: 98%; height: 89%; resize: none; outline: medium none; text-align: left;" onkeydown="number_of_refresh=0;timer_count=0;">
</textarea>
</td>
</tr>
<!--
<tr>
<td class="cke_contents">
<textarea class="input_text" id="editarea" name="editarea"
style="width: 625px; height: 78px; resize: none; outline: medium none; text-align: left;" onkeydown="number_of_refresh=0;timer_count=0;">
</textarea>
</td>
</tr>
-->
</tbody>
</table>
<div class="short ipsPad">
<div onclick="document.editpost.editarea.focus();timer_count=0;">
<input type="submit" class="input_submit" value="Send Shout" id="submit_button" name="submit_button"/>
<input type="button" class="input_submit alt" value="Clear" id="shoutbox-clear-button" onclick="document.getElementById('editarea').value = '';">
<input type="button" class="input_submit alt" value="Cancel" id="shoutbox-refresh-button" onclick="$('#editShout_popup').toggle();">
</div>
</div>
</form>
</span>
</div>
</div>
<div class="popupClose clickable" id="editShout_close" onclick="$('#editShout_popup').toggle();"><img alt="x" src="http://i81.servimg.com/u/f81/17/45/75/97/cat_mi10.png"></div>
</div>
<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="Welcome to Coding Support!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
</body>
</html>
sorry again for missunderstand
thanks
Re: chat box code
I am not sure about that, I'll take a look, but have you tried asking the person you got this code from?
Similar topics
» code chat
» how to put the chat box code
» Chat Box code
» Chat code help
» Help need with our Chat Box code
» how to put the chat box code
» Chat Box code
» Chat code help
» Help need with our Chat Box code
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum