<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{L_CHAT_TITLE}</title>
{META_FAVICO}
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width" />
<!-- Fix IOS -->
<link rel="stylesheet" href="{T_HEAD_STYLESHEET}" type="text/css" />
{CSS}
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<script type="text/javascript">
var smilies_sid = '{SMILIES_SID}';
</script>
<script src="{JS_DIR}chatbox/chatbox{VERS_JS_CB}.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{JS_DIR}chatbox/chatbox.css" />
<link rel="stylesheet" type="text/css" href="{JS_DIR}chatbox/chatboxAv.{DIRECTION}.css" />
<style type="text/css">
* {
margin: 0px;
padding: 0;
}
html, body {
overflow: hidden;
}
body {
background-color: {T_BODY_BGCOLOR};
}
.text-styles td{
vertical-align: middle;
}
#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label{
border : 1px solid #AAA;
background : #DDD;
}
.format-message:checked + label{
background : #CCC;
}
#chatbox_contextmenu p.cb-menu-item:hover{
background: white;
}
.cb-menu-title{
font-size: 0.8em;
}
</style>
</head>
<body class="chatbox">
<div id="chatbox_header">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="catBottom" nowrap="nowrap" height="30">
<table border="0" width="100%">
<tr>
<td nowrap="nowrap">
<a href="{U_CHATBOX}" class="cattitle" target="chatbox"><strong>{L_CHAT_TITLE}</strong></a>
</td>
<td valign="top" class="chatbox-options">
<div class="genmed" id="chatbox_main_options">
<span><a target="_blank" href="http://kaizoku.worldgoo.com/t8940-topic">قوانين علبة الدردشة</a> | </span>
<span><a target="_blank" href="http://kaizoku.worldgoo.com/t8941-topic">شكايات الدردشة</a> | </span>
<span><a target="_blank" href="http://kaizoku.worldgoo.com/f60-montada">الإعلانات</a> | </span>
<span id="chatbox_display_archives">
<span id="chatbox_option_with_archives" style="display: {WITHOUT_ARCHIVES_DISPLAY};"><a href="{U_WITH_ARCHIVES}">{L_WITH_ARCHIVES}</a> | </span>
<span id="chatbox_option_without_archives" style="display: {WITH_ARCHIVES_DISPLAY};"><a href="{U_WITHOUT_ARCHIVES}">{L_WITHOUT_ARCHIVES}</a> | </span>
</span>
<a href="javascript:void(0)">
<span id="chatbox_option_co" onclick="chatbox.connect()" style="display: {DISCONNECTED_DISPLAY};">{L_CONNECT}</span>
<span id="chatbox_option_disco" onclick="chatbox.disconnect()" style="display: {CONNECTED_DISPLAY};">{L_DISCONNECT}</span>
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10">
<h4 class="member-title online">{L_ONLINE}</h4>
<ul class="online-users"></ul>
{ONLINE_LIST_SEP}
<h4 class="member-title away">{L_AWAY}</h4>
<ul class="away-users"></ul>
</div>
<div id="chatbox"></div>
<div id="chatbox_footer" style="display: {CONNECTED_DISPLAY};">
<div id="chatbox_messenger">
<form name="post" method="post">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="catBottom">
<div id="chatbox_messenger_form">
<table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable">
<tr>
<td>
<div id="help-button" onclick="chatbox.openHelpPage()" title="{L_HELP_TITLE}">?</div>
</td>
<td width="100%" align="right">
<table cellspacing="2" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles" >
<tr>
<td>
<input type="checkbox" name="bold" id="format-bold" class="format-message"/>
<label title="{L_BBCODE_B}" for="format-bold" class="fontbutton">B</label>
</td>
<td>
<input type="checkbox" name="italic" id="format-italic" class="format-message"/>
<label title="{L_BBCODE_I}" for="format-italic" class="fontbutton">I</label>
</td>
<td>
<input type="checkbox" name="underline" id="format-underline" class="format-message"/>
<label title="{L_BBCODE_U}" for="format-underline" class="fontbutton">U</label>
</td>
<td>
<input type="checkbox" name="strike" id="format-strike" class="format-message"/>
<label title="{L_BBCODE_S}" for="format-strike" class="fontbutton">S</label>
</td>
<td>
<div id="divcolor" class="fontbutton">
A
<input type="hidden" name="scolor" id="scolor" value="{T_BODY_TEXT}" />
<div id="divcolor-preview"></div>
</div>
</td>
<td>
<div id="divsmilies" class="fontbutton">
<img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="{L_SMILIES}" title="{L_SMILIES}" />
</div>
</td>
<td width="10"> </td>
<td>
<label for="message">{L_MESSAGE} :</label>
<input type="text" id="message" name="message" size="35" maxlength="{MAX_LENGTH}" class="post" autocomplete="off" />
<input type="submit" name="submit_button" value="{L_SEND}" id="submit_button" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
</div>
</div>
<script type="text/javascript">
var chatbox = new Chatbox("{TID}", {PARAMS});
chatbox.userId = {MY_USER_ID};
chatbox.connected = {CONNECTED_STATUS};
chatbox.defaultColor = '{T_BODY_TEXT}';
if ( document.location.href.indexOf('chatbox', 1) == -1 ) {
$('#divcolor').css('display', 'none');
$('#divsmilies').css('display', 'none');
}
chatbox.init();
</script>
</body>
</html>
Facebook
Twitter
Youtube
