#
#-----[ SQL ЗАПРОС ]------------------------------------------
#
CREATE TABLE IF NOT EXISTS `bb_shout` (
  `shout_id` mediumint(8) unsigned NOT NULL AUTO_INCREMENT,
  `shout_user_id` mediumint(8) NOT NULL DEFAULT '0',
  `shout_session_time` int(11) NOT NULL DEFAULT '0',
  `shout_text` varchar(1000) CHARACTER SET utf8 NOT NULL,
  KEY `shout_id` (`shout_id`)
); 
#
#-----[ ОТКРЫТЬ ]------------------------------------------
#
index.php
#
#-----[ НАЙТИ ]------------------------------------------
#
$page_cfg['load_tpl_vars'] = array(
    'post_icons',
);
#
#-----[ ПОСЛЕ ДОБАВИТЬ ]------------------------------------------
#
$page_cfg['include_bbcode_js'] = true; 
#
#-----[ ОТКРЫТЬ ]------------------------------------------
#
 ajax.php
#
#-----[ НАЙТИ ]------------------------------------------
#
		require(INC_DIR . 'functions_group.php');
		break;
#
#-----[ ПОСЛЕ ДОБАВИТЬ ]------------------------------------------
#
    case 'chat_message':
        require(INC_DIR .'functions_post.php');
        require(INC_DIR .'bbcode.php');
    break;
#
#-----[ НАЙТИ ]------------------------------------------
#
        'manage_group'      => array('user'),
#
#-----[ ПОСЛЕ ДОБАВИТЬ ]------------------------------------------
#
        'chat_message'      => array('user'),
#
#-----[ НАЙТИ ]------------------------------------------
#
	function index_data()
    {
		require(AJAX_DIR .'index_data.php');
	}
#
#-----[ ПОСЛЕ ДОБАВИТЬ ]------------------------------------------
#
		function chat_message()
		{
        global $userdata, $bb_cfg, $lang;
		
        $mode = (int) $this->request['mode'];
        $message = (string) $this->request['message'];
		$message = htmlspecialchars(addslashes($message));
		
        if($mode==1)
        {
            if(!$message) $this->ajax_die($lang['SHOUTBOX_ERR']);

            if (!empty($message))
            {
                DB()->query('INSERT INTO bb_shout (shout_text, shout_session_time, shout_user_id) VALUES ("'.DB()->escape($message).'", '.TIMENOW.', '.$userdata['user_id'].')');
                CACHE('bb_cache')->rm('shout_data', 60);
            }
        }
		
        if(!$shout_data = CACHE('bb_cache')->get('shout_data', 60))
        {
            $shout_rows = DB()->fetch_rowset("SELECT s.*, u.username, u.avatar_ext_id, u.user_opt, u.user_id
                FROM bb_shout s, ".BB_USERS." u
                WHERE s.shout_user_id=u.user_id AND u.user_id = u.user_id
                ORDER BY s.shout_session_time DESC LIMIT 50");

            $shout_data = '';
            foreach ($shout_rows AS $shout_row)
            {
				$username = '<span>'.$shout_row['username'].'</span>';
				$avatar = get_avatar($shout_row['user_id'], $shout_row['avatar_ext_id'], !bf($shout_row['user_opt'], 'user_opt', 'dis_avatar'), 16, 16);
				$shout = $shout_row['shout_text'];
				$tm = bb_date($shout_row['shout_session_time'],'H:i', false); 
				$shout_data .= '<div id="shout_'.$shout_row['shout_id'].'">
                <a href="profile.php?mode=viewprofile&u='.$shout_row['shout_user_id'].'" target="_blank" title="Посмотреть профиль">'.$avatar.'</a>&nbsp;<font color="#6666FF">'.$tm.'</font>
				<a class="bold" title="'.$lang['SHOUTBOX_INSERT_NAME'].'" style="text-decoration: none;" href="javascript:add_nick(\'[b]'.addslashes($shout_row['username']).'[/b],\')">'.$username.'</a>:&nbsp;'.bbcode2html($shout).'';
            }
          CACHE('bb_cache')->set('shout_data', $shout_data);
        }
        $this->response['message'] = $shout_data;
    }
#
#-----[ ОТКРЫТЬ ]------------------------------------------
#
 templates/default/index.tpl
#
#-----[ НАЙТИ ]------------------------------------------
#
<!-- IF TORHELP_TOPICS -->
	<!-- INCLUDE torhelp.tpl -->
	<div class="spacer_6"></div>
<!-- ENDIF -->
#
#-----[ ПОСЛЕ ДОБАВИТЬ ]------------------------------------------
#
<!-- IF LOGGED_IN -->
<script type="text/javascript">
    ajax.chat_message = function(mode) {
      ajax.exec({
        action : 'chat_message',
        mode : mode,
        message : $('#message').val()
      });
    };
    ajax.callback.chat_message = function(data) {
      if(data.message)
      {
        $('#chat').show();
        $('#chat').html(data.message);
        initPostBBCode('#chat');
      }
    };
    function submit_click(e) {
      e = e || window.event;
      if (e.keyCode == 13 && e.ctrlKey) {
        submit_chat();
      };
    }
    function add_nick(text){
      $('#message').attr('value', $('#message').val() + text +' ');
      $('#message').focus();
    }
    $(document).ready(function(){ajax.chat_message(2);});
    setInterval(function(){ajax.chat_message(2);}, 60000);
</script>
    <h3 class="cat_title">{L_MINI_CHAT}</h3>
		<div style="padding: 5px;" class="f_tbl_wrap">
		<table class="forums">
        <div class="clear"></div>
        <div class="spacer_2"></div>
        <div id="chat" class="tLeft hidden"></div>
    <div class="tCenter">
        <form name="post">
<div class="buttons mrg_4 tcenter">
   <center>
   <textarea placeholder="Напишите сообщение..." onkeydown="submit_click(event)" id="message" class="chat_message"></textarea>  <img title="Смайлы" onclick="window.open('posting.php?mode=smilies', '_phpbbsmilies', 'height=540, resizable=yes, scrollbars=yes ,width=620'); return false;" src="/styles/images/smiles/ab.gif"> <br>
  <input class="button" type="button" value=" B " name="codeB" title="Жирный (Ctrl+B)"  />&nbsp;
  <input type="button" value="Url" name="codeUrl" title="{L_URL_TITLE}" />&nbsp;
  <input type="button" value="Img" name="codeImg" title="{L_IMG_TITLE}" />
  <input type="button" value="Hide" name="codeSpoiler" title="{L_SPOILER}" /> 
<select name="codeColor" class="text_color">
  <option style="color: black; background: #fff;" value="black" selected="selected">{L_QR_COLOR_SEL}:</option>
  <option style="color: darkred;" value="darkred">{L_COLOR_DARK_RED}</option>
  <option style="color: brown;" value="brown">&nbsp;{L_COLOR_BROWN}</option>
  <option style="color: #996600;" value="#996600">&nbsp;{L_COLOR_ORANGE}</option>
  <option style="color: red;" value="red">&nbsp;{L_COLOR_RED}</option>
  <option style="color: #993399;" value="#993399">&nbsp;{L_COLOR_VIOLET}</option>
  <option style="color: green;" value="green">&nbsp;{L_COLOR_GREEN}</option>
  <option style="color: darkgreen;" value="darkgreen">&nbsp;{L_COLOR_DARK_GREEN}</option>
  <option style="color: gray;" value="gray">&nbsp;{L_COLOR_GRAY}</option>
  <option style="color: olive;" value="olive">&nbsp;{L_COLOR_OLIVE}</option>
  <option style="color: blue;" value="blue">&nbsp;{L_COLOR_BLUE}</option>
  <option style="color: darkblue;" value="darkblue">&nbsp;{L_COLOR_DARK_BLUE}</option>
  <option style="color: indigo;" value="indigo">&nbsp;{L_COLOR_INDIGO}</option>
  <option style="color: #006699;" value="#006699">&nbsp;{L_COLOR_STEEL_BLUE}</option>
</select>
<select name="codeSize" class="text_size">
	<option value="12" selected="selected">{L_QR_SIZE_SEL}:</option>
	<option value="9" class="em">{L_FONT_SMALL}</option>
	<option value="10">&nbsp;size=10</option>
	<option value="11">&nbsp;size=11</option>
	<option value="12" class="em" disabled="disabled">{L_FONT_NORMAL}</option>
	<option value="14">&nbsp;size=14</option>
	<option value="16">&nbsp;size=16</option>
	<option value="18" class="em">{L_FONT_LARGE}</option>
</select>
<img title="Обновить чат" onclick="ajax.chat_message(2); return false;" src="/styles/images/pic_loading.gif">
<a href="#" onclick="ajax.chat_message(1); $('#message').attr('value', '');return false;" class="button15">Отправить</a> 
&emsp;&emsp;
</center>
</table>
</div>
</div>
</div>
<script type="text/javascript">
var bbcode = new BBCode("message");
var ctrl = "ctrl";
bbcode.addTag("codeB", "b", null, "B", ctrl);
bbcode.addTag("codeImg", "img", null, "R", ctrl);
bbcode.addTag("codeUrl", "url", "/url", "W", ctrl);
bbcode.addTag("codeSpoiler", "spoiler", null, "",  ctrl);
bbcode.addTag("codeSize", function(e) { var v=e.value; e.selectedIndex=0; return "size="+v }, "/size");  
bbcode.addTag("codeColor", function(e) { var v=e.value; e.selectedIndex=0; return "color="+v }, "/color");
</script>
<!-- ENDIF -->
#
#-----[ ОТКРЫТЬ ]------------------------------------------
#
 templates/default/css/main.css
#
#-----[ В САМЫЙ НИЗ ДОБАВИТЬ ]------------------------------------------
#
/* МИНИ ЧАТ НАЧАЛО*/
#chat { overflow: auto; width: 100%; height: 300px; }
textarea.chat_message{
    height: 40px; 
	width: 40%;
	border: 1px solid #AED7FF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 11px;
	margin-bottom: 7px;
}
a.button15 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .5em 1em calc(.5em + 1px);
  border-radius: 8px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button15:hover { 
background: rgb(53, 167, 110); 
}
a.button15:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}
/* МИНИ ЧАТ КОНЕЦ*/
#
#-----[ ОТКРЫТЬ ]------------------------------------------
#
 language/lang_russian/lang_main.php
#
#-----[ В САМЫЙ НИЗ ДОБАВИТЬ ]------------------------------------------
#
// ###### МИНИ ЧАТ ######
$lang['SHOUTBOX_INSERT_NAME'] = 'Вставить имя пользователя';
$lang['SHOUTBOX_ERR'] = 'Нужно ввести сообщение';
$lang['MINI_CHAT'] = 'Мини чат';
$lang['CHAT_UPDATE'] = 'Обновить чат';
// ###### МИНИ ЧАТ/КОНЕЦ ######
################################################################
#															   #
#--------------[ СОХРАНИТЬ/ЗАКРЫТЬ ВСЕ ФАЙЛЫ ]-----------------#
#															   #
################################################################