The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

chat box code

View previous topic View next topic Go down

In progress chat box code

Post by mist3r0us_b0y on November 27th 2013, 1:42 pm

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:
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://illiweb.com/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://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/smilie.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/color.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/strike.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/underline.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/italic.gif"], img[src="http://illiweb.com/fa/subsilver/wysiwyg/bold.gif"] {
display: none;
}
[color][font]



so what code i will to get online list in chat ?
[/font][/color]

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: chat box code

Post by Ange Tuteur on November 27th 2013, 1:48 pm

Hello mist3r0us_b0y,

Remove this:
Code:
#chatbox_members {
display: none;
}
And the chatbox members should display.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: chat box code

Post by mist3r0us_b0y on November 27th 2013, 1:56 pm

oops sorry it was my mistake 

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/rs4/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>
so now what should i do to get user online in chat box 

sorry again for missunderstand

thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: chat box code

Post by Ange Tuteur on November 27th 2013, 2:08 pm

I am not sure about that, I'll take a look, but have you tried asking the person you got this code from?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum