Удобный и светлый мини чат
21.11.2013 в 23:22
Автор: babygirl | Комментариев (0) | Просмотров: 554 | Скачали: 0
Удобный и светлый мини чат
Описание файла:
Довольно-таки простой, но удобный мини Чат. Думаю, он впишется почти в любой дизайн сайта.





В вид материалов мини чата:
Код
<span style="font-size: 8pt;"><style>body {background: #ffffff !important;}</style>  </span></div><div><div style="white-space:normal;"><div class="cBlock1" style="background: #F7F7F7; padding:0 4px 5px 2px;margin-bottom:3px; border: 1px solid #C5C5C5;">  </div><div>  <div style="float:right;font-size:10px;cursor:help;" align="right" title="$DATE$"><font size="1.5" face="Visitor_Rus">$TIME$ </font></div>  </div><div>  <div style="text-align:left;">  </div><div>  <a style="text-decoration: none;" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b><font size="2" face="Tahoma"><font color="#363636">$NAME$</font></font></b></a>  </div><div>  <bR><a title="Написать письмо" onclick="window.open('/index/14-$USER_ID$-0-1','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" href="javascript://" ><img src="http://your-serva4ok.ucoz.ru/serv/img/ucoz/mchat/message.png" align="right" border="0"></a>  </div><div>  <a title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');"><img src="http://your-serva4ok.ucoz.ru/serv/img/ucoz/mchat/user.png" align="right" border="0"></a></div>  </div><div>  <div class="cMessage" style="text-align:left;"><font size="2.2" face="Arial">$MESSAGE$</font></div>  </div><div>  </div>

В форму добавления сообщения:

Код
<span style="font-size: 8pt;"><div align="center"><a href="$LOGIN_LINK$"><div style="background:#DDDDDD;padding:5px 0 5px 0;border:1px solid #A0A0A0;color:#828282;margin:10px 0 0 0;font-size:7pt;">Для добавления необходима авторизация<br/></div></a>Доступ запрещен</div>  </span></div><div><table border="0" cellpadding="1" cellspacing="1" width="100%">  </div><div><tr>  </div><div><td width="70%" align="left">  </div><div><a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://joomla.ucoz.com/ucoz/1/1/arrow.png"></a>  </div><div><a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://joomla.ucoz.com/ucoz/1/1/smiley.png"></a>  </div><div><a href="$BBCODES_URI$" title="BB-Коды"><img alt="BB-Коды" border="0" align="absmiddle" src="http://joomla.ucoz.com/ucoz/1/1/code.png"></a>  </div><div><a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://joomla.ucoz.com/ucoz/1/1/setting.png" width="15" height="15"></a>  </div><div><td>$FLD_AUTOUPD$</td>  </div><div>  </div><div><table border="0" cellpadding="1" cellspacing="1" width="100%">  </div><div><tr><td colspan="2">$FLD_NAME$</td></tr>  </div><div><tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>  </div><div></table>  </div><div>  </div><div>  </div><div><table border="0" cellpadding="1" cellspacing="1" width="100%">  </div><div><tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  </div><div></table>  </div><div>  </div><div>  </div><div><table class="micha" border="0" cellpadding="1" cellspacing="1">  </div><div><tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  </div><div></table>  </div><div>  </div><div><table class="micha" border="0" cellpadding="1" cellspacing="1" width="100%">  </div><div><tr><td width="40%" rowspan="2" style="max-width: 88px">$FLD_MESSAGE$</td></tr>  </div><div></table>  </div><div><input type="submit" value="Отправить" class="mchat" id="mchatBtn" style='cursor:pointer; cursor:hand;'>  </div><div><div style="display:none; width:100%; height:32px; background:url('http://joomla.ucoz.com/ucoz/1/1/loading.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div>  </div><div>  </div><div><style>  </div><div>#mchatBtn {font-size:8pt;background:url('http://joomla.ucoz.com/ucoz/1/1/podrobno.png');background-position: 0px 0px;color:#505252;border:0px solid #ffffff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; height:25px; width:85px; behavior: url('/style/border-radius.htc');padding:0 5px 3px 5px; }  </div><div>#mchatBtn:hover {background:url('http://joomla.ucoz.com/ucoz/1/1/podrobno.png'); background-position:-85px 0px;color:#505252;border:0px solid #FE8C12;}  </div><div>#mchatBtn:active {background:url('http://joomla.ucoz.com/ucoz/1/1/podrobno.png');background-position:-170px 0px;color:#505252;border:0px solid #FE8C12;}  </div><div>.micha {width:97% !important;}  </div><div></style>

Есди вам не подходит белый фон у мини чата, то уберите эту строчку из кода :

Код
<style>body {background: #ffffff !important;}</style>

Скачать файл

Инструкция по установке шаблонов:
Инструкция, приведенная ниже, поможет Вам быстро установить скачанный у нас с сайта шаблон. Для правильной установки прочтите, пожалуйста, внимательно все пункты инструкции, дабы не возникло дополнительных вопросов.
1. Прежде всего загружаем содержимое папки Файловый Менеджер на Ваш сайт.
2. Далее заходим в Дизайн - Управление дизайном (CSS), копируем содержимое файла Таблица стилей и вставляем с заменой. После используем текстовый файл Конструктор шаблонов для создания каркаса дизайна (Дизайн - Конструктор шаблонов).
3. И в заключении устанавливаем сами модули, находятся они в папках с названием, соответствующему названию модуля.


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]