Мини-чат (выдвижной)


Мини-чат (выдвижной)

11348
8.4 из 10
Проголосовало: 12




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Создаем в Файловом Менеджере папку mini-chat и заливаем в нее эти файлы из архива

перед </bоdy> ставим:

Code
<div class="slide-out-div">  
<a class="handle" style="border:1px solid #bdbdbd;border-right:0" href="Мини-чат">Мини-чат</a>  
$CHAT_BOX$  
</div>  
<style type="text/css" media="screen">  
.slide-out-div {padding:10px;width:250px;background:#eaeaea;border:#bdbdbd 1px solid;}  
</style>  
<script src="/mini-chat/jquery.tabSlideOut.v1.2.js"></script>  
<script>  
  $(function(){  
  $('.slide-out-div').tabSlideOut({  
  tabHandle: '.handle',  
  pathToTabImage: '/mini-chat/m-chat_.png',  
  imageHeight: '122px',  
  imageWidth: '40px',  
  tabLocation: 'right',  
  speed: 300,  
  action: 'click',  
  topPos: '200px',  
  fixedPosition: true  
  });  
  });  

</script>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://multi-rip.ru
  • Всего комментариев: 21

Zlusya
0
Zlusya написал: Написано 03 Ноября 2012 в 20:51
Комментарий №17
Классный скрипт, поставила без проблем, подробно описано, Спасибо)Но появилось 2ве проблемы: первая когда прокручиваешь открытый чат вместе с сайтом то он прячется за главный блок
вторая не могу найти где поменять цвет фона самого чата. Там стоит картинка с главной страницы.

Вовчик
0
Вовчик написал: Написано 03 Ноября 2012 в 21:04
Комментарий №18
Первая проблема решается пр помощи z-index: n;
n - это число

а вторая наверно вот это background:#eaeaea; но я не проверял, так на глазок говорю))

а и да, следующий раз большие изображения под спойлер, а то если бы в информере последних комментов не стоял код уменьшающий изображения, то щас весь диз скосился бы...

blabla
0
blabla написал: Написано 19 мая 2015 в 21:21
Комментарий №20
А где это число n?

Вовчик
0
Вовчик написал: Написано 20 мая 2015 в 18:46
Комментарий №21
у тебя в голове wacko

PoDvoDniK
0
PoDvoDniK написал: Написано 07 Апреля 2012 в 18:52
Комментарий №16
А куда вставлять этот код
<div class="slide-out-div">
<a class="handle" style="border:1px solid #bdbdbd;border-right:0" href="Мини-чат">Мини-чат</a>
$CHAT_BOX$
</div>
<style type="text/css" media="screen">
.slide-out-div {padding:10px;width:250px;background:#eaeaea;border:#bdbdbd 1px solid;}
</style>
<script src="/mini-chat/jquery.tabSlideOut.v1.2.js"></script>
<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',
pathToTabImage: '/mini-chat/m-chat_.png',
imageHeight: '122px',
imageWidth: '40px',
tabLocation: 'right',
speed: 300,
action: 'click',
topPos: '200px',
fixedPosition: true
});
});

</script>

?

Roof
-1
Roof написал: Написано 16 Января 2012 в 01:35
Комментарий №15
Привет парни! Подскажыте как сделать чат фоном не серым а белым и есчё вопросик как убрать жырную линию после кажд сообщения? мой сайт где чат [реклама]

RoofОтвет от Администрации:

Устное


H2o
0
H2o написал: Написано 05 Июня 2011 в 14:47
Комментарий №11
все точно спасибо вовчик

H2o
0
H2o написал: Написано 05 Июня 2011 в 14:32
Комментарий №8
классный мини-чат только я переделал картинку и как убрать обводку у картинки?

Вовчик
0
Вовчик написал: Написано 05 Июня 2011 в 14:40
Комментарий №9
border="0"

H2o
0
H2o написал: Написано 05 Июня 2011 в 14:42
Комментарий №10
не это цвет обводки при выдвинутом мини-чате

develop
0
develop написал: Написано 05 Июня 2011 в 16:31
Комментарий №12
Вот смотри:
Code
<a class="handle" style="border:1px solid #bdbdbd;border-right:0" href="Мини-чат">Мини-чат</a>  

Вот так тебе нужно:
Code
<a class="handle" href="Мини-чат">Мини-чат</a>  

З,С. Не знаю, что такое "handle" biggrin

Black_Assai
0
Black_Assai написал: Написано 18 Декабря 2011 в 13:56
Комментарий №13
оригинальная картинка луче по моему!

вовик1646
0
вовик1646 написал: Написано 14 Апреля 2011 в 19:59
Комментарий №7
прикольный чат спасибо огромное

develop
0
develop написал: Написано 06 Апреля 2011 в 21:06
Комментарий №6
у меня все норм вошло. Если вы про мини-чат от вебочки, то я себе поставил только вид материалов

MAXIM
0
MAXIM написал: Написано 06 Апреля 2011 в 19:04
Комментарий №3
Вовчик проверь кнопку на свой чат, он не влезит, у меня не влез

Вовчик
0
Вовчик написал: Написано 06 Апреля 2011 в 20:13
Комментарий №4

MAXIM
0
MAXIM написал: Написано 06 Апреля 2011 в 21:01
Комментарий №5
странно, а у меня не влез angry

Black_Assai
0
Black_Assai написал: Написано 19 Декабря 2011 в 05:24
Комментарий №14
а можно такую же фишку но только со входом?

admin7553
0
admin7553 написал: Написано 07 Декабря 2012 в 20:24
Комментарий №19
Да, просто замени надписи и замени $CHAT_BOX$ на $LOGIN_FORM$

develop
0
develop написал: Написано 06 Апреля 2011 в 18:05
Комментарий №2
А все сам разобрался
Code
  tabLocation: 'right',  

develop
+1
develop написал: Написано 06 Апреля 2011 в 18:04
Комментарий №1
А как сделать так, чтобы слева была кнопка?

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