Шаблоны для uCoz [18] |
Виды материалов [10] |
Мини профили [7] |
Мини чаты [8] |
Виды комментариев [14] |
Формы входа [3] |
Информеры [33] |
Украшения [16] |
Меню сайта [5] |
Кнопки [27] |
Шапки сайта [3] |
Медиа [19] |
Переключатели [8] |
Разное [65] |
Формы поиска [9] |
Скрипты [46] |
Игры на сайт [6] |
Аякс (Ajax) окна [1] |
PHP скрипты [3] |
11:39 Серый Мини-Чат для uCoz |
Новый Мини чат для ucoz. Чат выполнен в серых тонах, и как писал автор(uhacks) очень красивый и уникальный вид чата.Тестируем! Красивый, простой и удобный, что ещё нужно.. Установка: Файлы архива закачайте в папку images файл менеджера. Заходим в Панель управления » Главная » Управление дизайном » Мини чат » Вид материалов заменяем там всё на: Код <table border="0" class="chat_cBlock$PARITY$"> <tr> <td class="chat_time" title="$DATE$">$TIME$</td> <td class="chat_name"><a style="text-decoration:none; color: #678FB3;" title="Вставить в форму" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' [b]$NAME$[/b],';return false;"><b>$NAME$</b></a></td> <td><a class="ico_poril" title="Профиль $USERNAME$" href="javascript://" rel="nofollow" onclick="window.open('/index/8-$USER_ID$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a></td> <td><a class="ls" title="Личное сообщение" href="javascript://" rel="nofollow" onclick="window.open('/index/14-$USER_ID$-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a></td> </tr> <tr> <td colspan="4" class="chat_mes">$MESSAGE$<br>$STR_CUSTOM1$: $CUSTOM1$<br>$STR_CUSTOM2$: $CUSTOM2$</td> </tr> </table> <style> #mchatIfm2 {border:1px solid #E3E3E3;} .chat_cBlock2 {border:0px;background:#FCFAFA;width:100%;} .chat_cBlock1 {border:0px;background:#EFEFEF;width:100%;} .chat_time {float:left;font-size:9px;cursor:help;text-align:left;height:16;} .chat_name {text-align:left;width:100%; height:16;text-transform: capitalize;font-family:Courier New;font-size:9pt;} .chat_mes {font-size:12px;padding: 0 3px 2px 0px;} a.ico_poril {cursor:pointer;background: url('/images/ico_prof.png');width:17px;height:17px;display:block;} a.ico_poril:hover {background-position: 0 -17px;} a.ls {cursor:pointer;background: url('/images/ls.png');width:17px;height:17px;display:block;} a.ls:hover {background-position: 0 -17px;}</style> Теперь переходим чуть ниже в "Форма добавления сообщений" заменяем всё на: Код <div id="av"><a href="$LOGIN_LINK$"><br>Авторизуйтесь!</a>Доступ запрещен</div> <table id="t1"> <tr> <td>Обновление:</td> <td align="right"> <select onchange="setT7174(this);"> <option value="0">Нет</option> <option value="5">5 сек</option> <option value="15">15 сек</option> <option value="30">30 сек</option> <option value="120">2 мин</option> </select> </td> </tr> </table> <table> <tr> <td id="td1">$LENGTH_COUNTER$</td> <td id="td2"><a class="res" href="$RELOAD_URI$" title="Обновить"></a></td> <td id="td3"><a class="smiles" href="$SMILES_URI$" title="Смайлы"></a></td> <td id="td4"><a class="bb" href="$BBCODES_URI$" title="BB-Коды"></a></td> <td id="td5"><a class="option" href="$MSGCTRL_URI$" title="Редактировать"></a></td> </tr></table> <table id="t2"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table> <table id="t3"> <tr> <td colspan="2">$FLD_MESSAGE$ <table id="t4"> <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr> </table> </td> </tr> <tr> <td><input type="reset" value="Очистить" class="but"></td> <td id="td8"><input type="submit" id="mchatBtn" value="Отправить" class="but"></td> <div style="display:none; width:100%; height:32px; background:url('/images/loading1.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div> </tr> </table> <style> #mchatMsgF {width:97% !important;} #jeuwu28 {color:#5B5B5B;} select {background:#F0F0F0;color:#000;border:1px solid #B7B7B7;} .mchat {border:1px solid #B7B7B7;} .but {-moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; background: url('/images/button.png');border:1px solid #B7B7B7;color:#585858;padding: 2px 1px;height:23px;} .but:hover {background: url('/images/button.png'); background-position: 0 -23px;border:1px solid #B7B7B7; color:#585858;padding: 2px 1px;} a.res {background: url('/images/reset.png');width:20px;height:20px;display:block;} a.res:hover {background-position: 0 -20px;} a.smiles {background: url('/images/smiles.png');width:20px;height:20px;display:block;} a.smiles:hover {background-position: 0 -20px;} a.bb {background: url('/images/bb.png');width:20px;height:20px;display:block;} a.bb:hover {background-position: 0 -20px;} a.option {background: url('/images/option.png');width:20px;height:20px;display:block;} a.option:hover {background-position: 0 -20px;} #t1 {width:100%;color:#5B5B5B;padding-top:5px;} #t2 {border:0;width:100%;} #t3 {border:0;padding-left:2px;width:100%;} #t4 {border:0;width:100%;text-align:center;} #td1 {padding-top:2px;width:100%;font-size:10px;} #td2 {padding:5 0 3 5px;} #td3 {padding:5 0 3 5px;} #td4 {padding:5 0 3 5px;} #td5 {padding:5 0 3 5px;} #mcSecurImg3 {width:95px;} #td6 {width:50%;} #td7 {width:100%;} #td8 {text-align:right;} #av {text-align:center;}</style> |
Всего комментариев: 0 | |