Категории раздела |
Профиль для ucoz
[9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
|
Ajax для ucoz
[13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
|
Скрипты для ucoz
[128]
скачать скрипты для ucoz, скрипты ucoz
|
Меню для ucoz
[45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
|
Календари для ucoz
[20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
|
Часы для ucoz
[31]
часы для ucoz, часы для ucoz cs 1.6
|
Статистика для ucoz
[11]
статистика cs для ucoz
|
Форма входа для ucoz
[15]
форма входа для ucoz
|
Переключатели для ucoz
[9]
Переключатели страниц для ucoz
|
Шапки для ucoz
[13]
шапки для ucoz cs 1.6
|
|
|
-
Главная
-
Скрипты для ucoz
-
Скрипты для ucoz
-
Чат для ucoz
Шикарный чат для uCoz, правда? Чат выполнен в серых тонах с использованием изменных иконок. Чат uCoz подойдет для светлых дизайнов, но небольшая магия с CSS чата и цветовую гамму можно настроить под любой дизайн сайта uCoz. Установка uCoz мини чата много времени не займет. Следуйте инструкции...Шаг 1 - Установка CSS Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем стили чата для ucoz:Code /* Стиль чата wallaby.ucoz.ru */ .mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;padding-right:5px;} .mchat textarea:hover {background:#fff;} .mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:40px;margin-left:-2px;width:20px;} .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;} .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:50px;} .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} .option {border:1px solid #ccc;height:20px;margin:5px 0;width:100%;padding-top:3px;background:#fff;filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;} .option:hover {filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;} .chat {background:#E8E8E8;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;} .cBlock {margin:0px;padding:0px;border:none;} .cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;} Шаг 2 - Вид материалов Теперь устанавливаем вид материалов чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Вид материалов:Code <div class="cBlock"> <div class="chat"> <span style="float:right">$TIME$</span> <div style="text-align:left;"> <div style="padding-left:7px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></div> </div> </div> <div class="cMessage" style="text-align:left;">$MESSAGE$</div> </div> Шаг 3 - Форма добавления сообщений Устанавливаем следующий дизайн чата. Заходи в П.У - Дизайн - Управление дизайном - Мини-чат - Форма добавления сообщений:Code <style> .codes {background:#f7f7f7;border:1px solid #ccc;border-top:none;width:99%;} </style> <?if($USER_LOGGED_IN$)?> <div class="option">
<a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/arrow_cycle.png" width="16" height="16"></a> <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/smiley-mr-green.png" width="16" height="16"></a><?endif?> <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/application-xml.png" width="16" height="16"></a><?endif?> <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://wallaby.ucoz.ru/chats/x-office-document.png" width="16" height="16"></a><?endif?>
</div> <table class="mchat" cellspacing="0" cellpadding="0"> <tr> <td width="100%">$FLD_MESSAGE$</td> <td>$SUBMIT$</td> </tr>
</table> <?if($FLD_SECURE$)?> <table class="codes"> <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr> </table><?endif?> <?else?><br> <table cellspacing="0" cellpadding="0"> <tr> <td class="op_fon"> <img src="http://wallaby.ucoz.ru/chats/alert.png" width="28" height="28"></td> <td class="gost" valign="top"> Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>. </td> </tr> </table> <?endif?>
|
Категория
Скрипты для ucoz
| Добавил:
Wallaby
| Просмотров:
7057
|
|
|
Комментарии отсутствуют