Текстовая реклама
Новые пользователи
Активные пользователи
Партнеры сайта
Банерообмен на Форуме
Банерообмен на Форуме
Банерообмен на Форуме
Банерообмен на Форуме
Витрина ссылок
Общаемся
Необходима авторизация
Скачиваемые файлы
Популярные скрипты
Опрос
Вы Кто?


Результаты Всего ответов: 22
Красивый мини-чат для uCoz
скачать Красивый мини-чат для uCoz
Красивый Мини чат синего дизайна выполнен прекрасно+шрифтто что нужно!?




Установка:

В Вид мини-чата:

Код
<div class="b_blog">  
<div class="chat_title">  
<div class="chat_titlel"> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;">$USERNAME$</a></div>  
<div class="chat_titler">$DATE$, $TIME$</div>  
</div>  
<div class="chat_cont">$MESSAGE$ </div>  
<div class="chat_patt"></div>  
</div>


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

Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
<?if($FLD_SECURE$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
<?endif?>  

<textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="resize:none;"></textarea>  

<div class="chat_panel">  
<ul>  

<li><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]Ваше слово[/b] ';return false;" id="mchatBtn"><b>B</b></a></li>  
<li><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]Ваше слово[/i] ';return false;" id="mchatBtn"><i>i</i></a></li>  
<li><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[u]Ваше слово[/u] ';return false;" id="mchatBtn"><u>U</u></a></li>  

<li><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-2'});return false;"><img style="padding-top:6px" src="http://www.iconsearch.ru/uploads/icons/crystalclear/24x24/kopete020.png" width="12" height="12"></a></li>  

<li><input type="submit" value="Отправить" class="mchat" id="mchatBtn" alt="" style="padding:1px 6px 0 3px;"></li>  

</ul>  
</div>  
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" />  
<?endif?>


В Таблицу Стилей CSS:

Код
.b_blog {overflow:hidden; width:173px; margin:0 0 4px 1px;}  
.chat_title {background:url(http://7old.ru/ucoz-files/1/chat_title.png) no-repeat; width:173px; height:20px; font:10px Tahoma; color:#383838;}  
.chat_titlel {background:#fff; border-radius:3px; margin:3px; padding:1px 2px; float:left;}  
.chat_titlel a {color:black;}  
.chat_titlel a:hover {text-decoration:none;}  
.chat_titler {background:#fff; border-radius:3px; margin:3px; padding:1px 2px; float:right;}  
.chat_cont {overflow:hidden; font:11px Tahoma; color:#383838; width:169px; padding:2px;}  
.chat_cont a {color:#383838; text-decoration:none;}  
.chat_patt {background:url(http://7old.ru/ucoz-files/1/chat_patt.png) no-repeat; width:173px; height:3px; margin:0 auto;}  
#mchatMsgF {background:url(http://7old.ru/ucoz-files/1/chat_mess.png) no-repeat; width:184px; height:52px; padding:7px; color:#8a8a8a; font:10px Tahoma; border:none; outline:none;}  
.chat_panel {background:url(http://7old.ru/ucoz-files/1/chat_panel.png) no-repeat; width:184px; height:23px;}  
.chat_panel ul {display:block; height:23px;}  
.chat_panel ul li {background:url(http://7old.ru/ucoz-files/1/chat_line.png) no-repeat right; padding:0 0 0 2px; float:left; height:23px; line-height:23px;}  
.chat_panel ul li:hover {background:#759141;}  
.chat_panel ul li a {color:#fff; padding:0 8px 0 5px;}  
.chat_panel ul li a:hover {text-decoration:none;}  
#mchatBtn {background:none; line-height:23px; font-weight:bold;}  

.scroll-pane {height:230px; padding:0 0 0 10px; margin:0 5px 4px 0; overflow:auto; outline:none;}  
.jspContainer {width:100% !important;position: relative; overflow: hidden; outline:0; z-index: 1;}  
.jspTrack {height:100%; position: absolute; cursor: pointer; right:6px; top:0; overflow:hidden; z-index:22;}  
.jspDrag {width:4px; border-radius:10px; overflow: hidden; position: relative; top: 0; left:8px; background:url(/designs_31/chat_scroll.png) no-repeat -8px center; cursor: pointer; }  
.jspDragTop {border-radius:10px 10px 0 0; width:4px; height:14px; position: absolute; top: 0; left: 0; overflow: hidden; background:url(http://7old.ru/ucoz-files/1/chat_scroll.png) no-repeat 0 top; }  
.jspDragBottom {border-radius:0 0 10px 10px; width:4px; height:14px; position: absolute; bottom: 0; left: 0; overflow: hidden; background:url(http://7old.ru/ucoz-files/1/chat_scroll.png) no-repeat -4px bottom; }  
.jspPane { width:196px !important;padding:0 !important; position: absolute; }  
.jspVerticalBar {width: 12px; height: 100%; position: absolute; top:0px; right: 0; }  
.jspHorizontalBar { width: 100%; height: 10px; position: absolute; bottom: 0; left: 0;}  
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }  
.jspCap { display: none; }  
.jspHorizontalBar .jspCap { float: left; }  
.jspTrack { position: relative;}  
input[type="button"], input[type="submit"], input[type="reset"] {background:url(/designs_31/forum_butt.png) no-repeat left 0,url(/designs_31/forum_butt.png) no-repeat right -40px,url(http://7old.ru/ucoz-files/1/forum_butt.png) repeat-x 0 -20px; height:20px; display:inline-block; border-radius:6px; color:#fff; padding:0 5px 1px; text-shadow:1px 1px #394c14; font:11px Tahoma; border:none;}  
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background:url(http://7old.ru/ucoz-files/1/forum_butt_hover.png) no-repeat left 0,url(/designs_31/forum_butt_hover.png) no-repeat right -40px,url(http://7old.ru/ucoz-files/1/forum_butt_hover.png) repeat-x 0 -20px; height:20px; display:inline-block; border-radius:6px; cursor:pointer;}
Добавил: ProRokПросмотров: 669Автор: Не указанИсточник: Не указан
Вы находитесь на странице материала Красивый мини-чат для uCoz из категории Мини-чат. На данной странице Вы можете скачать материал Бесплатно. Также можете прокомментировать его, заполнив нижеприведенную форму добавления комментариев. Не забывайте, для того, чтобы оставить отзыв, необходимо зарегистрироваться, либо войти под своим аккаунтом.
Битая ссылка
Жалоба
Инструкция
Установка скрипта
Вернуться
Назад
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает. По истечении 24 часов материал должен быть удален с вашего компьютера.
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]