Приветствую Вас Прохожий | RSS Понедельник, 05.12.2016, 21:42
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 22
Гостей: 21
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Прозрачный мини чат для Ucoz

Прозрачный мини чат для Ucoz Прозрачный, мини, Ucoz
Сам исходный вариант мини чата был сверстан из макета. Фон можно заменить на свою любой, достаточно подменить картинку в коде, остальные картинки в формате PNG и являются прозрачными что не препятствует для рассмотрения, или общения в самом мини-чате с красивым фоном и прозрачным дизайном. Прозрачный и уникальный в разработке спортивный мини чат для Ucoz

Установка:
Вид материалов мини чата:
Code
<style>  
  .hov$NUMBER$ {opacity:0.5;}  
  .hov$NUMBER$:hover {opacity:1.0;}  
  </style>  
  <style>  
  a#andlink {text-decoration:none;color:#fff;}  
  </style>  
  <div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;border: 0px solid #cccccc;border-radius: 9px;width:180px;height:60px;margin-left:0px;background:rgba(0, 0, 0, 0.7);width:100%px;">  
  <div style="text-align:left;"> <table width="180px"> <tr>  
  <td rowspan="3" style=""><div class="hov$NUMBER$"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="50px" style="border-radius:9px;"><?else?><img src="http://xn--80adjurfhd.ucoz.ru/noava.png" width="50px" style="border-radius:9px;"><?endif?></div></td> </tr> <tr>  
  <td colspan="3" style="border-bottom:1px dashed #CCC;"><?if($USERNAME$)?><font style="font-size:9;color:white;"><a href="$PROFILE_URL$" id="andlink">$USERNAME$</a></font><?endif?> <font style="font-size:7;opacity:0.9;color:white;float:right;">$TIME$</font> </td> </tr> <tr>  
  <td colspan="3"><div class="cMessage" style="text-align:left;color:white;">$MESSAGE$</div></td> </tr> </table> </div> </div> <br>


Форма добавления сообщений:
Code
<style>  
  a#andlink {text-decoration:none;color:#fff;}  
  </style>  
  <?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
  <?if($USER_LOGGED_IN$)?>  
  <div style="background: rgba(209, 205, 195, 0.7);">  
  <table cellspacing="0" сellpadding="0" width="100%" style="">  
  <tr>  
  <td colspan="3" style="background:#fff;background: rgba(255, 255, 255, 0.7);border-radius:4px;border:0px solid #fff ;height:10px;padding:2px;"><a href="$SMILES_URI$" id="andlink"><font style="font-size:9px;text-shadow: 1px 1px 2px, gray 0 0 1em;">Смайлы</font></a><nobr> <a onclick="fon();" id="andlink"><font style="font-size:9px;text-shadow: 1px 1px 2px, gray 0 0 1em;">Смена фона</font></a><div style="float:right;"><a onclick="reda();" id="andlink"><font style="font-size:9px;text-shadow: 1px 1px 2px, gray 0 0 1em;">Ред</font></a></div></td>  
  </tr>  
  <tr>  
  <td rowspan="3"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" placeholder="Введи сюда свое сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="margin-top:8px;height:40px;width:100%;resize:none;background:#fff center no-repeat;border-radius:7px;outline: none;border:1px solid #fff;text-shadow: 1px 1px 2px, gray 0 0 1em;"></textarea><br></td>  
  <td rowspan="3">  
  <td rowspan="3">  
  <input type="submit" value="ОК" id="mchatBtn" style="margin-top:8px;height:40px;width:62px;background:#fff;border-radius:7px;border:1px solid #fff;font-size:22;text-shadow: 1px 1px 2px, gray 0 0 2em;color:#ccc"/>  
  <img alt="" style="display: none; " id="mchatAjax" src="http://xn--80adjurfhd.ucoz.ru/upload.gif" border="0" width="16">  
  </td>  
  </tr>  
  </table>  
  <?if($FLD_SECURE$)?>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td width="50%"><div style="background:#fff;opacity:0.7;border-radius:4px;border:1px solid #fff;height:auto;width:60px;">$FLD_SECURE$</div></td><td align="right">$IMG_SECURE$</td></tr>  
  </table><?endif?>  
  </div>  
  <?else?>  
  <div style="background:#fff;background: rgba(255, 255, 255, 0.7);border-radius:4px;border:0px solid #fff ;height:40px;padding:4px;">  
  <a href="$LOGIN_LINK$" id="andlink">Для добавления необходима авторизация</a>  
  </div>  
  <?endif?>  
  <?endif?><div style="background: rgba(209, 205, 195, 0.7);display:block;">by Гудминд</div>  
  </div>  
  <script type="text/javascript">  
  function fon(){new _uWnd('fon','Смена фона',200,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#poll").html() )}  
  </script>  
  <script type="text/javascript">  
  function reda(){new _uWnd('reda','Редактирование',200,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#reda").html() )}  
  </script>  
  <div id="reda" style="display:none;"><iframe src="/mchat/0-1" frameborder="0"></iframe></div>  
  <div style="display:none;" id="poll">  
  <div class="backs" title="Выбор фона">  
  <img id="jp1" src="/img/1.jpg" width="20px" /> Фон 1<br> <br>  
  <img id="jp2" src="/img/2.jpg" width="20px" /> Фон 2<br> <br>  
  <img id="jp3" src="/img/3.jpg" width="20px" /> Фон 3<br> <br>  
  <img id="jp4" src="/img/4.jpg" width="20px" /> Фон 4<br> <br>  
  <img id="jp5" src="/img/5.jpg" width="20px" /> Фон 5<br> <br>  
  <img id="jp6" src="/img/6.jpg" width="20px" /> Фон 6  
  </div>  

  <script>  
  $('#jp1').click(function() {  
  setCookie('j1', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('#chat').css('background-image', 'url("/img/1.jpg")');  
  });  
  $('#jp2').click(function() {  
  setCookie('j2', 1, 365);  
  eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('#chat').css('background-image', 'url("/img/2.jpg")');  
  });  
  $('#jp3').click(function() {  
  setCookie('j3', 1, 365);  
  eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('#chat').css('background-image', 'url("/img/3.jpg")');  
  });  
  $('#jp4').click(function() {  
  setCookie('j4', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');  
  $('#chat').css('background-image', 'url("/img/4.jpg")');  
  });  
  $('#jp5').click(function() {  
  setCookie('j5', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');  
  $('#chat').css('background-image', 'url("/img/5.jpg")');  
  });  
  $('#jp6').click(function() {  
  setCookie('j6', 1, 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1');  
  $('#chat').css('background-image', 'url("/img/6.jpg")');  
  });  

  if(getCookie('j1')) {  
  $('#chat').css('background-image', 'url("/img/1.jpg")');  
  };  
  if(getCookie('j2')) {  
  $('#chat').css('background-image', 'url("/img/2.jpg")');  
  };  
  if(getCookie('j3')) {  
  $('#chat').css('background-image', 'url("/img/3.jpg")');  
  };  
  if(getCookie('j4')) {  
  $('#chat').css('background-image', 'url("/img/4.jpg")');  
  };  
  if(getCookie('j5')) {  
  $('#chat').css('background-image', 'url("/img/5.jpg")');  
  };  
  if(getCookie('j6')) {  
  $('#chat').css('background-image', 'url("/img/6.jpg")');  
  };  
  </script>  
  </div>

P.S Смена фона от Platinum В верхнею часть сайта:
Code
<script src="http://xn--80adjurfhd.ucoz.ru/apo/cookie.js"></script>

Что-бы работала смена фона к контенту блока чата присвоить id="chat"
Пример:
Code
<!-- <block3> -->  
  <?if($CHAT_BOX$)?>  
  <table border="0" cellpadding="0" cellspacing="2" width="230">  
  <tr><td height="21" style="background:url('/.s/t/971/9.gif') #D4DFF7;padding-left:30px;"><b><!-- <bt> --><!--<s3199>-->Мини-чат<!--</s>--><!-- </bt> --></b></td></tr>  
  <tr><td id="chat" style="background-image: url(http://xn--80adjurfhd.ucoz.ru/img/1.jpg);"> <!-- <bc> -->$CHAT_BOX$<!-- </bc> --></td></tr>  
  </table>  
  <?endif?>  
  <!-- </block3> -->


Автор:Гудминд
Автор\Источник: http://andwebar.moy.su

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 1.9 Мб
Просмотров: 5646 | Комментарии: 1 | Рейтинг: 5.0/4 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 16.01.2012 | Скачали: 23 | Теги: прозрачный, ucoz, мини
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 1
1 LUIS75   Дата: 07.03.2012  Время: 14:23   [№ 12421]
Ещё неизвестно как она будет работать...


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

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru