1 (2018-03-01 14:51:32 отредактировано MineiM)

Тема: Ваш чат во всплывающем окне

Уверен, что многие пользователи хотели бы поставить виджет своего чата в отдельное окно, которое можно открыть и закрыть в любой момент и на любой странице своего сайта. Представляю вашему вниманию простое всплывающее окно на CSS3 для виджета Вашего чата.
Благодаря  своей простой структуре, окно с чатом не потребляет много трафика и не тормозит загрузку вашего сайта.

http://ipic.su/img/img7/fs/222.1504095173.png

Для упрощения задачи, код всплывающего окна максимально сокращен. Вам останется только скопировать его и заменить одну строку на ваш HTML-код для вставки виджета чата.

2

Re: Ваш чат во всплывающем окне

Только окно надо шире.
И надо сделать так, чтобы не было тени от окна.
Сменить значок виджета справа внизу.
Надо сделать так, чтобы один чат был на странице, а ещё открывался виджет, если его вызывать снизу справа.

3

Re: Ваш чат во всплывающем окне

окно размером как стандартный виджет в окне предпросмотра
над тенью подумаю
значок вызова чата? зачем?) это как визитная карточка.
не совсем понял

4 (2017-08-31 19:28:44 отредактировано MineiM)

Re: Ваш чат во всплывающем окне

1. Личные конфликты перенесите в другую тему
2. Перемещать css никуда не нужно, импорта всего кода вполне достаточно, чтобы не засорять свой менеджер. Если конечно вы не собираетесь выдавать его потом за свой. Некоторые любят выдергивать чужие коды и скрывать страницы, не будем называть их имена...
3.Тень убрал, на светлых сайтах смотрится не очень.
4. Смайл открытия чата меняется добавлением своих css стилей:

.chatemplate {
  background-image: url(ссылка на вашу картинку) ;
}

и, если надо поменять позицию:

  top: ;
  left: ;
  right: ;
  bottom: ;

5 (2017-08-31 09:47:40 отредактировано MineiM)

Re: Ваш чат во всплывающем окне

Дополнили FAQ по всплывающему окну - перейти.

Свои сайты с установленными PopUp-виджетами, по желанию, оставляйте в этой теме.

6

Re: Ваш чат во всплывающем окне

Тему почистил от флуда.

Пожалуйста, выясняйте отношения в личных сообщениях или Беседке.

Добро пожаловать в Ночной чат!