Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
выдача ТОП 1Полезны

 
Опции темы Оценить тему Опции просмотра
Старый 12.07.2013, 21:16   #1
 
Аватар для psyhelp24
 
Сообщений: 200
FR (активность): 10,706

Доп. информация
По умолчанию Автор темы Как создать окошко чата - связи с консультантом

Здравствуйте!
Есть ли программа или плагин или что-то такое, чтобы можно было прикрутить к сайту.

Что есть:
Многие видели, что на сайтах есть чаты. Выглядит это как: где-то справа/слева/вверху/внизу, на всех страницах сайта есть прямоугольничек "задать вопрос консультанту" или что-то подобное. При нажатии на него открывается окно связи с консультантом.

Что я хочу:
Вот такое же аналогичное маленькое окошечко, при нажатии на которое было бы перенаправление на 1 из страниц сайта.
Просто вставить такую картинку в текст - не то, ибо когда страницы с текстом длинные, то это окошко пропадет с экрана. А мне надо, чтобы оно постоянно всегда было на экране у пользователя.

Кто-то сталкивался с подобной задачей? Как её можно решить?

Спасибо!
psyhelp24 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.07.2013, 15:50   #2
 
Аватар для Unick
 
Сообщений: 711
FR (активность): 37,335

Доп. информация
По умолчанию

psyhelp24, правильно сверстать...
Задать div'у
position: fixed; /* фиксированная позиция на экране */
width:100px; /* ширина блока */
height:100px; /* высота блока*/
right:0; /* отступ справа (чтобы прижать к правой части экрана) */
bottom:0; /* отступ снизу (чтобы прижать к нижней части экрана)*/
z-index:100; /* поверх остальных элементов*/

Если это не div а ссылка, то надо добавить:
display:block; /* сделать ссылку блочным элементом*/
background:url('ссылка на картинку');
psyhelp24: сообщение полезно


andreisoroka.com
Unick вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.07.2013, 16:00   #3
 
Аватар для knockie
 
Сообщений: 995
FR (активность): 35,201

Доп. информация
По умолчанию

Не совсем в тему, но уже спрошу здесь...
А как сделать, чтобы элемент, который изначально не виден на экране (он ниже), при прокрутке вниз не пропадал с экрана? пример тут _http://gagadget.com/news/ (блок адсенса справа).
Предлагали всякие коды и плагины, но что-то всегда было не то...
knockie вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.07.2013, 22:18   #4
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

<div class="block">
<div class="banner">здесь код</div>
</div>


в css файле написать

.block{position: relative;}
.banner{position: static; top: 0; left: 0;}


Оффтоп:
Тему бы следовало перенести в соответствующий раздел, так как программированием тут и не пахнет
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.07.2013, 22:58   #5
 
Аватар для knockie
 
Сообщений: 995
FR (активность): 35,201

Доп. информация
По умолчанию

ничего может из-за того, что код баннера вставляю через виджет (вордпресс), а для него заданы другие стили?
knockie вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 18.07.2013, 23:07   #6
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

static замени на fixed

Оффтоп:
напутал малость, пора уже спать наверное
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.07.2013, 09:48   #7
 
Аватар для rusvizard
 
Сообщений: 11
FR (активность): 117

Доп. информация
По умолчанию

Почему вы не хотите использовать готовое решение? например chathelp или RedHelper
rusvizard вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.07.2013, 15:34   #8
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

Цитата:
Сообщение от rusvizard Посмотреть сообщение
Почему вы не хотите использовать готовое решение? например chathelp или RedHelper
Я не проще сделать простую html разметку и добавить 2 строчки в css?

Оффтоп:
knockie, разобрался?
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.07.2013, 16:04   #9
 
Аватар для knockie
 
Сообщений: 995
FR (активность): 35,201

Доп. информация
По умолчанию

webmas,еще не добрался до сайта, вечером попробую
knockie вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 19.07.2013, 23:28   #10
 
Аватар для knockie
 
Сообщений: 995
FR (активность): 35,201

Доп. информация
По умолчанию

webmas,не, так не идет. У баннера так фиксированная позиция и постоянно находится в видимой области. А у меня он чуть ниже, без прокрутки видно только "голову" и хочу, чтобы только при прокрутке вниз он остановился и не пропадал. Как на сайте, что выше показывал.
knockie вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.07.2013, 00:18   #11
 
Аватар для Unick
 
Сообщений: 711
FR (активность): 37,335

Доп. информация
По умолчанию

knockie, скинь мне в личку ссылку на сайт, где этот трабл...


andreisoroka.com
Unick вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.07.2013, 00:42   #12
 
Аватар для webmas
 
Сообщений: 490
FR (активность): 19,322

Доп. информация
По умолчанию

knockie, я сам вчера попробовал, прежде чем написать тебе решение, у меня всё работало. Дай ссылку на сайт в личку, помогу.
webmas вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 20.07.2013, 01:05   #13
 
Аватар для Unick
 
Сообщений: 711
FR (активность): 37,335

Доп. информация
По умолчанию

Оффтоп:
наркоманы чертовы


andreisoroka.com
Unick вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.07.2013, 16:26   #14
 
Аватар для knockie
 
Сообщений: 995
FR (активность): 35,201

Доп. информация
По умолчанию

В общем, решил свою проблему с помощью такого вот кода:
    $(function() {         var offset = $("#fixed").offset();         var topPadding = 15;         $(window).scroll(function() {             if ($(window).scrollTop() > offset.top) {                 $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});             }             else {$("#fixed").stop().animate({marginTop: 0});};});     });

но есть одно но: сейчас нельзя посмотреть футер, потому что баннер "жмет" его вниз. А если прокручивать дальше вниз, то контент по сторонам поднимается и образуется пустое место. Как бы это исправить?
knockie вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 22.07.2013, 17:08   #15
 
Аватар для psyhelp24
 
Сообщений: 200
FR (активность): 10,706

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от Unick Посмотреть сообщение
psyhelp24, правильно сверстать...
Задать div'у
position: fixed; /* фиксированная позиция на экране */
width:100px; /* ширина блока */
height:100px; /* высота блока*/
right:0; /* отступ справа (чтобы прижать к правой части экрана) */
bottom:0; /* отступ снизу (чтобы прижать к нижней части экрана)*/
z-index:100; /* поверх остальных элементов*/

Если это не div а ссылка, то надо добавить:
display:block; /* сделать ссылку блочным элементом*/
background:url('ссылка на картинку');
Здравствуйте!
Прочитала, поняла, что очень толковый ответ Вы дали, но можно попросить поподробнее чуточку? Полный текст, если это возможно, что нужно вставить и куда на сайте? Я не программер пока, а только начинаю
psyhelp24 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3208 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Где найти людей (сотрудников) для чата с видео? Gitune Общие вопросы 1 06.11.2012 16:08
Скрипт чата IgorZaz Интернет 1 18.06.2012 22:59
Функции для чата. bazan Программирование 0 05.04.2012 10:46
Нужна помощь в выборе профессионального и надежного Чата. abc Мусорка 0 16.02.2012 23:09

Текущее время: 21:50. Часовой пояс GMT +3.