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


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

1438
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: