Чат-кнопка в персональной странице BY MAXIM

1818
7.4 из 10
Проголосовало: 6





Удобная кнопка мини-чата в персональной странице.
Кнопку можете установит на Ваш сайт, в любое место.

Установка:
ПУ \ Управление дизайном \ Пользователи \ Персональная страница пользователя в самое начало вставляйте этот код:

Code
<script>  
var styles = 'font:11px Tahoma;background:#f7f7f7;padding:3px 5px 5px 5px;color:#5d5d5d;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #dddddd;box-shadow:2px 2px 2px #9b9b9b;-moz-box-shadow:2px 2px 2px #9b9b9b;-webkit-box-shadow:2px 2px 2px #9b9b9b;';  
var opacit = 100; // прозрачность в процентах  
var optime = 100; // скорость появления и исчезновения в мс  
var tposit = 3; // количество пикселей, на которое подсказка отступает от курсора вверх и вправо  
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrollLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scrollTop+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};  
</script>  
  <style>  
  .chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;}  
.chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://webo4ka.ru/Ucoz3/chat_box_closeprofil.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}  
.chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}  
   
  div.chat_button {display:block;width:49px;height:40px;background:url('http://webo4ka.ru/Ucoz3/chat_button_prifil.png') no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}  
div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}  
</style>  
<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
$CHAT_BOX$  
</div>  
<div id="puzadpn" align="left" style="height:24px;">  
<div class="cuzadpn" id="uzadpn" onmousedown="this.style.zIndex=_uWnd.getTopZ();"><div id="uzadmp"></div>  
</div></div>

ВСЁ))

Автор публикации: Загрузка
Загрузка
MAXIM, это его n материал
Источник: http://klass-10a.ucoz.ru/
  • Всего комментариев: 16

NOLUK
0
NOLUK написал: в материале Написано 18 Октября 2012 в 16:31
Комментарий №16
Code

<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
<a id="left_scroll" class="mouseover_left" href="#"></a>
  <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?59"></script>

<script type="text/javascript">
  VK.init({apiId: 3022391, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "*"});
</script>
</div>  

<div id="puzadpn" align="left" style="height:24px;">  
<div class="cuzadpn" id="uzadpn" onmousedown="this.style.zIndex=_uWnd.getTopZ();"><div id="uzadmp"></div>  
</div></div>

ребят помогите сдесь сделать полосу прокрутки плз
Code

<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
<a id="left_scroll" class="mouseover_left" href="#"></a>
  <!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?59"></script>

<script type="text/javascript">
  VK.init({apiId: 3022391, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "*"});
</script>
</div>  

<div id="puzadpn" align="left" style="height:24px;">  
<div class="cuzadpn" id="uzadpn" onmousedown="this.style.zIndex=_uWnd.getTopZ();"><div id="uzadmp"></div>  
</div></div>

ребят помогите сдесь сделать полосу прокрутки плз

MAXIM
+1
MAXIM написал: в материале Написано 06 Апреля 2011 в 13:20
Комментарий №15
hi7eMhiGh, я короче понял кто ты, твой сайт наверно мультирип ру.
и на форуме чат кнопка, а ты вкурсе что сделали рип твоего сайта?
Тогда какого ты пишешь сюда?

hi7eMhiGh
0
hi7eMhiGh написал: в материале Написано 06 Апреля 2011 в 10:47
Комментарий №12
и тут много лишнего!
рипали нубы с моего сайта.
это хинт, он тут не нужен:
Code
<script>  
var styles = 'font:11px Tahoma;background:#f7f7f7;padding:3px 5px 5px 5px;color:#5d5d5d;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #dddddd;box-shadow:2px 2px 2px #9b9b9b;-moz-box-shadow:2px 2px 2px #9b9b9b;-webkit-box-shadow:2px 2px 2px #9b9b9b;';  
var opacit = 100; // прозрачность в процентах  
var optime = 100; // скорость появления и исчезновения в мс  
var tposit = 3; // количество пикселей, на которое подсказка отступает от курсора вверх и вправо  
IE=/*@cc_on!@*/false;var elems=document.getElementsByTagName("*");for(var i=0;i<elems.length;i++){if(elems[i].title){elems[i].onmouseover=function(e){var k=[];var j=[];var f=[];var h=[];var g=new Date().getTime();j[g]=this.title;this.title="";k[g]=document.createElement("DIV");k[g].innerHTML="<div style='"+styles+"'>"+j[g]+"</div>";k[g].style.cssText="position:absolute;opacity:0;filter:alpha(opacity=0);z-index:9999;";document.body.appendChild(k[g]);k[g].style.top=mouse(e).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(e).x+tposit+"px";document.onmousemove=function(b){k[g].style.top=mouse(b).y-tposit-k[g].offsetHeight+"px";k[g].style.left=mouse(b).x+tposit+"px"};h[g]=setTimeout(function(){fade(k[g],opacit,optime,function(){if(IE){k[g].style.removeAttribute("filter")}})},150);this.onmouseout=window.onunload=function(){clearTimeout(h[g]);document.onmousemove="";this.title=j[g];fade(k[g],0,optime,function(){document.body.removeChild(k[g])})}}}}function mouse(g){var j,f,k,c,h;j=document;h=IE?window.event:g;f=j.documentElement.scrollTop?j.documentElement.scrollLeft+h.clientX:j.body.scrol lLeft+h.clientX;k=j.documentElement.scrollTop?j.documentElement.scrollTop+h.clientY:j.body.scroll Top+h.clientY;return{x:f,y:k}}function fade(f,b,a,c){if(IE){d=f.style.filter.replace(/.*opacity=([0-9]*).*/,"$1");if(!d){d=100}d=parseFloat(d)}else{var d=f.style.opacity;if(d==""){d=1}d=parseFloat(d);b=b/100}var e=new Date().getTime();setTimeout(function(){var g=(new Date().getTime())-e;var h=g/a;var j=(b-d)*h+d;if(IE){f.style.filter="alpha(opacity="+j+")"}else{f.style.opacity=j}if(h<1){setTimeout(arguments.callee,10)}else{if(IE){f.style.filter= "alpha(opacity="+b+")"}else{f.style.opacity=b}if(c){c()}}},10)};  
</script>

а это тем более:

Code
<div id="puzadpn" align="left" style="height:24px;">  
<div class="cuzadpn" id="uzadpn" onmousedown="this.style.zIndex=_uWnd.getTopZ();"><div id="uzadmp"></div>  
</div></div>

MAXIM
0
MAXIM написал: в материале Написано 06 Апреля 2011 в 13:15
Комментарий №14
здесь нет ничего лишнего, всё тут норм, когда скрипт скачивал, там много багов было, исправил же. и с чего же скрипт твой? напиши в ЛС свой сайт, зайду посмотрю

hi7eMhiGh
-3
hi7eMhiGh написал: в материале Написано 06 Апреля 2011 в 10:46
Комментарий №11
Скачал? Значит не сам делал? тогда какого пишешь "by MAXIM"
dry

MAXIM
0
MAXIM написал: в материале Написано 06 Апреля 2011 в 13:12
Комментарий №13
скачал скрипт, но переделал, пожтому и By Maxim

hi7eMhiGh
-2
hi7eMhiGh написал: в материале Написано 05 Апреля 2011 в 17:34
Комментарий №9
моя кнопка
Code

<div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>  
<div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>  
$CHAT_BOX$  
</div>  

мой код dry
те, кто выкладывают чужие скрипты со своим копирайтом, сами не могут сделать ничего dry


MAXIM
-1
MAXIM написал: в материале Написано 05 Апреля 2011 в 18:44
Комментарий №10
Ты уверен? Я этот скрипт скачал на одном сайте, смысла нет говорить на каком, вовчик изменит, ссылки запрещены))

Скрипт на сайт добавил я. Если какие то проблемы, ищи свои скрипты на каких либо сайтах и требуй чтобы их удалили dry .


-RaZoR-
+2
-RaZoR- написал: в материале Написано 03 Апреля 2011 в 19:35
Комментарий №7
Спс все работает!!!!

MAXIM
+2
MAXIM написал: в материале Написано 03 Апреля 2011 в 20:14
Комментарий №8
поблагодарит можно только кнопкой + находящаяся выше комментариев, повышающая репутацию... smile

John_Cena
0
John_Cena написал: в материале Написано 03 Апреля 2011 в 18:21
Комментарий №6
СПС

nanupocbI
0
nanupocbI написал: в материале Написано 03 Апреля 2011 в 14:15
Комментарий №5
Cпс пригодилось

MAXIM
+1
MAXIM написал: в материале Написано 02 Апреля 2011 в 17:47
Комментарий №4
Мишаня, у тебя мини-чат стандартный, установи лучше мини-чат как на вебочке, красивее будет смотреться. Я только вчера этот скрипт сделал, проверил на всех левых сайтах, везде смотрится нормально!

Мишаня
0
Мишаня написал: в материале Написано 02 Апреля 2011 в 17:30
Комментарий №2
а у меня не так красиво как на картинке,что подскажите?

Вовчик
+2
Вовчик написал: в материале Написано 02 Апреля 2011 в 17:33
Комментарий №3
Поставь чат который я сделал, и будет почти так же http://webo4ka.ru/load/mini_chat_by_webo4ka_ru/51-1-0-863

KristiCat
+1
KristiCat написал: в материале Написано 02 Апреля 2011 в 08:26
Комментарий №1
Спасибо! smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
  • Doc120 написал:
  • /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
    opacity:0.1 ; это легальное скрытее $POWERED_BY$
    ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
    Последние темы
    Опрос
    545
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2025 г.
    • Design by Вовчик
      Администратор:)