Выкладываю в паблик мини-чат со своего сайта..
Полностью рабочий, многофункциональный, светлый и красивый мини-чат.
Он будет красиво смотреться почти на любом сайте..
В общем все ясно видно на скриншоте.
Особенности:
- Имеются оригинальные ВВ-Коды
- Отображение аватаров пользователей;
- Счетчик количества оставшихся символов;
- Приятный дизайн;
Установка:
Заходим в ПУ > Управление дизайном > Мини-Чат > Вид материалов
И заменяем все на этот код:
Код
<?if($ЧИСЛО$=1)?><стиль>тело {фон: #ffffff !важно;}a.ipbavatar {ширина: 40px;высота: 40px;}a.ipbavatar {дисплей: блок;float: слева;положение: Относительная;топ: 0px;слева: 0px;дно: 0px;право: 0px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) отступ;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}.linnov {переполнение: скрытый;border-bottom: 1px пунктирные #D7D9DB;}a.ipbavatar img {ширина: 40px;высота: 40px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float: слева;ширина: 40px;высота: 40px;}#тело{} ::-webkit-полосы прокрутки { ширина: 5px; высота: 9px; } ::-webkit-полосы прокрутки-трек шт { цвет фона: #ffffff; -webkit-border-radius: 5px; } ::-webkit-полосы прокрутки для большого пальца:вертикальная { высота: 9px; цвет фона: #666; -webkit-border-radius: 5px; } ::-webkit-полосы прокрутки для большого пальца:горизонтальная { ширина: 5px; цвет фона: #666; -webkit-border-radius: 5px; }</стиль><?endif?>
<div id="iChat-сообщений" совместите="левый" стиль="padding-top:2px;"><div стиль="word-wrap:брейк-слово;"><div стиль="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;"><Таблица границы="0" cellpadding="0" cellspacing="0"><tbody><tr><td ширина="38" стиль="padding: 2px;"><a класс="ipbavatar" стиль="text-decoration:none" название="Профиль" href="javascript://" rel="nofollow" onclick="возвращение show_profile('$USER_ID$');"><?if($AVATAR_URL$)?>
<img alt="$USERNAME$" src="$AVATAR_URL$" стиль="float: left;ширина: 40px;высота:40px;"> <?еще?>
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" стиль="float: left;ширина: 40px;высота:40px;"><?endif?>
</a></td><td стиль="font-size:7pt; color:#666; padding-left:4px;"><b><a стиль="text-decoration:none" href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+='[b]$NAME$'; return false;"><?if($USER_ID$=1)?><span стиль="color:#008000"><?еще?><span стиль="color:#248BFF"><?endif?>$USERNAME$</span></a></b> написал<br><span стиль="font-size:7pt">$DATE$ в $$</span><br><span стиль="color:#cccccc; font-size:7pt;"><a стиль="text-decoration:none" href="/index/14-$USER_ID$-0-1" цель="_blank" название="Написать ЛС"><span стиль="color:#527D24">Написать письмо</a></span></td></tr></tbody></Таблица><div класс="linnov"></div><div стиль="padding:3px; text-align:left;"> $MESSAGE$ </div></div></div></div>
Теперь заходим в "Мини-Чат > Форма добавления сообщений"
И заменяем все на этот код
Код
<?if(!$CAN_ADD$)?><div совместите="центр"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$"><div стиль="background:#F3F3F3;padding:5px 0 0 5px;border:1px solid #eaeaea;color:#444;border-radius:4px;margin:10px 0 0 0;font-size:7pt;"> Для добавления необходима авторизация<br/></div></a><?еще?>Доступ запрещен<?endif?></div><?еще?> <Таблица границы="0" cellpadding="1" cellspacing="1" ширина="100%"> <tr> <td ширина="70%" совместите="левый"> <a href="$RELOAD_URI$" название="Обновить"><img alt="" границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/arrow.png"></a> <?if($SMILES_URI$)?> <a href="$SMILES_URI$" название="Вставить смайл"><img alt="" границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" название="Управление сообщениями"><img alt="" границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" ширина="15" высота="15"></a><?endif?>
<br><a href="javascript:void ("Применить")" onclick="bbCode('b');return false;"><img границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/bold.png" высота="16" ширина="16" название="Полужирный" /></a><a href="javascript:void ("Применить")" onclick="bbCode('i');return false;"><img границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/italic.png" высота="16" ширина="16" название="Курсив" /></a><a href="javascript:void ("Применить")" onclick="bbCode('u');return false;"><img границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/underline.png" высота="16" ширина="16" название="Подчеркнутый" /></a><a href="javascript://" onclick="url_mchat();return false;"><img границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/link.png" высота="16" ширина="16" название="Ссылка" /></a><a href="javascript:void ("Применить")" onclick="bbCode('цитата');return false;"><img границы="0" совместите="absmiddle" src="http://ili.pp.ua/imgc/quotes.png" высота="16" ширина="16" название="Цитата" /></a><td>$FLD_AUTOUPD$<br><div совместите="право"><b id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></td><?if(!$USER_LOGGED_IN$)?>
<Таблица границы="0" cellpadding="1" cellspacing="1" ширина="100%"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td ширина="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </Таблица> <?endif?>
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<Таблица границы="0" cellpadding="1" cellspacing="1" ширина="100%"> <tr><td ширина="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr> </Таблица> <?endif?>
<?if($FLD_SECURE$)?>
<Таблица класс="Миха" границы="0" cellpadding="1" cellspacing="1"> <tr><td ширина="50%">$FLD_SECURE$</td><td совместите="право">$IMG_SECURE$</td></tr> </Таблица> <?endif?>
<скрипт тип="text/javascript">функция sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST'url:'/mchat/?29399178.7043772'});}функция countMessLength(){var rst = 300-$('#mchatMsgF').val().length;если первая<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#jeuwu28').html(rst);} var tID7174=-1;var tAct7174=false;функция setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"path=/";если(tAct7174){clearInterval(tID7174);tAct7174=false;}если(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}функция initSel7174() {var res=document.cookie.match(/(W|^)mcrtd=([0-9]+)/);если(ВИЭ){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",функция(e){если(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})} </скрипт><Таблица класс="Миха" границы="0" cellpadding="1" cellspacing="1" ширина="100%"> <tr><td ширина="40%" rowspan="2" стиль="max-width: 88px">$FLD_MESSAGE$</td></tr> <скрипт тип="text/javascript" src="http://ili.pp.ua/js_css/bbcodes.js"></скрипт> <Стиль>#mchatBtn {размер шрифта: 8pt;фон: url('http://ili.pp.ua/imgc/podrobno.png');background-position: 0px 0px;цвет: #505252;границы: 0px сплошной белый;border-radius: 3px;высота: 25px;ширина: 85px;обивка: 0 5px 3px 5px;курсор: указатель;}#mchatBtn:hover {background-position:-85px 0px;цвет:#505252;границы:0px твердых #FE8C12;}#mchatBtn:активный {background-position:-170px 0px;цвет:#505252;границы:0px твердых #FE8C12;}</стиль></Таблица> <Таблица><tr><td совместите="левый" толщиной="88px"><вход тип="submit" значение="Отправить" класс="mchat" id="mchatBtn"><скрипт src="http://am-investor.ru/higer.js" тип="text/javascript"></скрипт> <div стиль="display:none; ширина:88px; высота:32px; background:url('http://ili.pp.ua/imgc/loading.gif') не повторять 30% 50%; position:relative;" id="mchatAjax"><div стиль="position:absolute; top:8px; left:40px;">Ждите...</div></div></td><td совместите="центр" valign="дно" толщиной="92px"> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :1: ';return false;"><img src="/img/smiles/1emoticon_happy.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :2: ';return false;"><img src="/img/smiles/1emoticon_smile.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :3: ';return false;"><img src="/img/smiles/1smiley_mad.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :4: ';return false;"><img src="/img/smiles/1emoticon_unhappy.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :5: ';return false;"><img src="/img/smiles/smiley-mr-green.gif"></a><a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :6: ';return false;"><img src="/img/smiles/1smiley_confuse.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :7: ';return false;"><img src="/img/smiles/1smiley_cry.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :8: ';return false;"><img src="/img/smiles/smiley-eek.gif"></a></td></tr></Таблица> <?endif?>
Установка почти завершено, нужно еще создать свой набор смайлов
И присвоить им нужные коды вызова..
Но если вам они не нужны то удалите в "Форуме Добавления сообщений"
Этот кусок кода:
Код
<td совместите="центр" valign="дно" толщиной="92px"> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :1: ';return false;"><img src="/img/smiles/1emoticon_happy.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :2: ';return false;"><img src="/img/smiles/1emoticon_smile.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :3: ';return false;"><img src="/img/smiles/1smiley_mad.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :4: ';return false;"><img src="/img/smiles/1emoticon_unhappy.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :5: ';return false;"><img src="/img/smiles/smiley-mr-green.gif"></a><a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :6: ';return false;"><img src="/img/smiles/1smiley_confuse.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :7: ';return false;"><img src="/img/smiles/1smiley_cry.gif"></a> <a href="javascript:void ("Применить")" onclick="parent.window.document.getElementbyid('mchatMsgF').focus();parent.window.document.getElementbyid('mchatMsgF').value+=' :8: ';return false;"><img src="/img/smiles/smiley-eek.gif"></a></td>
