Приветствую Вас Гость | RSS
Меню
Главная » Файлы » Все для Ucoz » Скрипты для ucoz

Скрипт Красивый мини-чат для Ucoz

Установка:
В CSS вставляем:

Code
.blockGbChat {margin:5px 0px;padding:2px 6px;max-width:184px;overflow:hidden;}  
.cBlock1 {border:1px solid #cfcfcf;background:#f8f8f8;}  
.hrchat {height:1px;width:100%;background:white;border-top:1px solid #dddddd;margin:2px;}  
input#mchatBtn {background:#f8f8f8;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;}  
input#mchatBtn:hover {background:#fff;border:1px solid #cfcfcf;cursor:pointer;}  
input#mchatBtn:focus {border:1px solid #bdbdbd;}  
textarea#mchatMsgF {background:#fbfbfb;border:1px solid #dddddd;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:3px;width:140px !important;}  
textarea#mchatMsgF:hover {background:#fff;border:1px solid #cfcfcf;}  
textarea#mchatMsgF:focus {border:1px solid #bdbdbd;}  
#jeuwu28 {color:#bdbdbd;}  
.transparency a img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=70);}  
.transparency a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}  
#block_icons_menu {background:url(http://ili.pp.ua/img/block_icons_menu.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_mchat {background:url(http://ili.pp.ua/img/block_icons_mchat.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_pool {background:url(http://ili.pp.ua/img/block_icons_poll.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_statistic {background:url(http://ili.pp.ua/img/block_icons_statistic.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}  
#block_icons_newrips {background:url(http://ili.pp.ua/img/block_icons_rips.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}
#block_icons_comments {background:url(http://ili.pp.ua/img/icon_comments.png) #f1f1f1 right no-repeat !important;width:18px;height:16px;}


Ширина мини-чата регулируется здесь: max-width:184px; и width:140px

Затем заходим в Вид материалов мини-чата и заменяем код на:

Code
<div class="blockGbChat cBlock1">  
  <div style="float:left">  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"> <font color=CC6A6A><b>$NAME$</b></font>  
  </a>  
  </div>  
  <div style="text-align:right" class="transparency">  
  <span title="$DATE$" style="color:grey;font-size:9px;">$TIME$</span>  
  <a href="javascript://" onclick="$('#profile_$USER_ID$').fadeIn('fast');">  
  <img src="http://ili.pp.ua/img/mchat_user-icon.png" align="absmiddle" border="0">  
  </a>  
  </div>  
  <div class="hrchat"></div>  
  $MESSAGE$  
  </div>  
  <div style="padding:4px;padding-top:1px !important;background:#fbfbfb;border:1px solid #cfcfcf;display:none;position:fixed;left:3;top:3;-moz-box-shadow:1px 0px 6px #7b7b7b;" id="profile_$USER_ID$">  
  <center> <img src="$AVATAR_URL$">   
  <br><small><a href="/index/14-$USER_ID$-0-1" target="_blank"><b>Отправить ЛС</b></a><br><a href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');" target="_blank"><b>Профиль</b></a></small><br><div style="float:right;"><a href="javascript://" onclick="$('#profile_$USER_ID$').fadeOut('fast');"><img src="http://ili.pp.ua/img/mchat_profile_X.png"></a></div>  
  </center>  
  </div>


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

Code
<div align="center"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a></div>
/ --------------- \
/ Как нужно качать? \

Категория: Скрипты для ucoz | Просмотров: 908 | Добавил: drak-zp | Рейтинг: 5.0/7 | Загрузок: 0


avatar
-->