Оригинальная обратная связь для сайта!

Оригинальная обратная связь для сайта

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

Прикол в том, что данный прием по налаживанию обратной связи с посетителями сайта будет достаточно функциональным, и в то же время – занимать минимум места на вашем сайте, а так же позволит в главном меню, вместо пункта контакты, поставить что-нибудь более полезное.

Тренинг по вёрстке сайта на HTML5 и CSS3

Он из себя представляет обычное, красивое меню из двух пунктов, которое будет находится в правом нижнем углу вашего сайта, посмотреть пример, а заодно пощелкать и заценить всю силу можно просто щелкнув по кнопке демо:

Посмотреть Пример

Стоит отметить, что такая обратная связь для сайта – смотрится довольно презентабельно и по-деловому. Особенно когда при наведении на второй пункт выезжает целая куча различных способов связи и дополнительных ссылок.

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

Меню обратной связи для сайта!


Для работы с видео-уроком понадобится архив самого меню:

Скачать архив.

А также вы можете скачать урок к себе на компьютер:

1. Ссылка летитбит.

2. Ссылка на народ.


Качайте и пользуйтесь на здоровье.

Жду Ваших комментов, мои друзья.

А также прошу нажать на одну из кнопок ниже, что бы ваши френды смогли сделать тоже самое у себя! wink


Комментариев: 52 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 52
  •  Ирина | 16 августа 2011 в 15:56:33

    Вещь,конечно классная, нужная, но я к сожалению не умею работать через тотал коммандер

  •  Серёга | 16 августа 2011 в 15:59:00

    Ирина, а тотал коммандер здесь при чем?

    Работайте как вам удобно.

  •  Анна | 16 августа 2011 в 16:25:52

    Прикольно! в копилочку полезных фич. Спасибо!

  •  Серёга | 16 августа 2011 в 16:41:55

    Пожалуйста Анна smile

  •  Alex Rozentsveig | 16 августа 2011 в 17:24:47

    Интересный вариант попробую вечером поставить на свой блог.Спасибо Серега!

  •  Серёга | 16 августа 2011 в 17:28:47

    Ага, покажешь smile

  •  Abikon | 16 августа 2011 в 18:20:11

    Здравсвтуйте. У меня проблема с вставки. Сделал все как описано. Но у меня просто нечего не отображается на сайте. Думаю проблема в том что форма находиться за страницей. Потому что если не указать путь к файлам тогда отображается как обычно. Помогите пожалуйста. Очень надо.

  •  Abikon | 16 августа 2011 в 18:24:47

    После поправки вот как выглядеть: www.habarshalkar.kz Помогите пожалуйса!

  •  Серёга | 16 августа 2011 в 21:47:43

    Abikon - отходил я.

    Вижу Ты уже справился и сам smile

    Но по ширине немного косяк.

    В файле стилей можно поля задать.

    Либо просто добавь пробелов.

    •  Abikon | 17 августа 2011 в 01:01:34

      Аха, справился. Мне пока и этого хватает. У меня к вам вопрос: Могу ли переводить все это на казахской язык и предлагать другим?

  •  Александр | 16 августа 2011 в 23:27:45

    Всё коротко понятно и ясно, спасибо за урок!clap

  •  Сергей Дмитренко | 17 августа 2011 в 00:00:30

    Почему форма не фиксируется внизу страницы а двигается

    вместе с текстом при прокрутке страницы?

    Сергей.

    •  Серёга | 17 августа 2011 в 01:08:05

      Ну она так настроена.

      Что бы она была всегда на виду.

      Если надо поменять, то по логике вещей - в стилях должно быть прописано свойство position:fixed; надо его поменять на position:absolute;

  •  Sergej Margazin | 17 августа 2011 в 00:01:43

    Сергей! Доброго вечера Мне очень нравятся ваши уроки, По Фотошопу Я как дурак 3 дня Пытался вырезать из картинки Объект, А посмотрел ваш урок И на раз Два Три и Готово И конвертировать сразу научился. И главное зачем. Очень качественная Информация. Спасибо.

    Посмотрю и этот За меню, Можа и пригодится.

    До свидания.

    С ув.Sergej Margazin

  •  Vladimir Sorokin | 17 августа 2011 в 20:54:43

    Серега, привет! Недельку меня не было, глядь - новенькое нарисовалось..... Беру в копилку, вещица смотрится здорово! Как раз затеял новый проэкт, глядишь и впишется в дизайн. Спасибо, что ни выставишь, все глаз радует! Так держать!

  •  Георгий Кузубов | 10 декабря 2011 в 14:09:48

    Привет, Серега!

    Бьюсь 2 недели, форма работает наполовину - http://george-foto.ru/nature.html может кто подскажет в чем ошибка?

  •  Георгий Кузубов | 11 декабря 2011 в 16:46:25

    да,... везет тебе! smile и все же, может какие мысли есть в какую сторону двигаться? буду очень благодарен.

    •  Серёга | 11 декабря 2011 в 21:31:12

      ну ты интересный человек, Георгий smile

      А какие мысли у меня могут быть, если все работает???

      Ты бы хоть про ошибки написал, и браузер - в котором проявляются эти косяки.

  •  Юрий | 20 декабря 2011 в 19:30:00

    так как же выдернуть из кэша видеоролик?

  •  Юра | 20 декабря 2011 в 19:33:43

    Утилиту скачал, распаковал,ролик с сайта прокрутил, Нажал на А5,Все по нолям (((. Что еще нужно,чтобы скопировать с кэша фильм?

  •  Серёга | 20 декабря 2011 в 20:36:12

    А зачем его выдергивать то?

  •  Георгий Кузубов | 21 декабря 2011 в 17:11:01

    Привет, Серега!

    Браузер FireFox7.0.1 пишет 403 Forbidden

    •  Серёга | 22 декабря 2011 в 19:17:43

      Семерки уже нет ни у кого, лиса же обновления просит всегда.

  •  Роман | 31 января 2012 в 19:02:40

    Очень полезная вещь, спасибо! Возник вопрос, можно ли как то вставить это меню в ячейку таблицы, чтоб намертво закрепить его на странице? Не нравится, что при изменении размера окна браузера меню "бегает" по странице

  •  Серёга | 1 февраля 2012 в 10:02:53

    Вообще то меню уже зафиксировано.

    И прикреплено к правому нижнему углу сайта.

    Можно его прикрепить где-нибудь в подвале сайта, при условии, что он фиксированной ширины - если резина - будет тоже так ездить.

    Но мне кажется, что в подвале оно уже не будет смотреться так красиво.

    Да и обычно люди не меняют окно браузера - оно либо на весь экран либо нет, и форма будет висеть постоянно в правом нижнем углу.

  •  Samad Tavarov | 8 февраля 2012 в 18:18:29

    Привет Серега! Я поставил на свой сайт все по инструкции но почему то так http://www.tajonline.ru/index.php?do=feedback получилось long face помоги плиз!...red face

  •  Samad Tavarov | 8 февраля 2012 в 18:47:50

    кстати у меня движок dle 9.3 версии

  •  Серёга | 8 февраля 2012 в 22:50:04

    У тебя для класса

    class="liveChat"

    прописано свойство:

    position:absolute;

    попробуй прописать:

    position:fixed;
  •  я | 16 мая 2012 в 20:58:15

    я все сделал, и вроде появилась это менющка на сайте, но не прокручивается, и при наведении курсора также и при нажатии на вкладке -связь- никак не реагирует?

  •  Vova | 14 июля 2012 в 07:59:20

    Как же эту форму прикрутить на maxsite 0.73?

    Подскажите, что куда вставлять!

  •  Светлана | 16 июля 2012 в 18:58:22

    Не получается скачать и посмотреть видео

  •  Александр | 16 июля 2012 в 19:07:08
    Не получается скачать и посмотреть видео

    Всё вполне нормально работает!!!

  •  Денис | 21 июля 2012 в 00:45:12

    Скажите, а пункт "Написать письмо" - нужно заливать на хостинг как отдельную страницу или можно это сделать как нибудь по другому. Подскажите как лучше сделать, что бы вызывать "Форму обратной связи". Заранее благодарен

  •  Vova | 21 июля 2012 в 01:18:11

    Что бы все выводилось как в видео, то заливать отдельно из прежнего поста http://master-css.com/page/forma-obratnoj-svjazi-dlja-sajta

  •  Денис | 21 июля 2012 в 20:23:23

    Vova, это понятно. Вот я вставил на страницу код и у меня корректно отображается данная кнопка, но как подключить обратную форму я не пойму((

  •  Adiga | 14 ноября 2012 в 21:24:12

    Выглядит отлично только можно сделать что бы форма обратной связи открывалась в LiteBox

  •  Серёга | 15 ноября 2012 в 01:00:11

    LiteBox???

  •  kalantay | 11 декабря 2012 в 15:01:21

    Классная вещь!! Но есть вопрос: как сделать вывод слева а не справа. Не судите строго, но не могу найти. Заранее спасибо.

  •  Серёга | 12 декабря 2012 в 15:25:06

    Привет.

    Есть такой код встилях:

    .liveChat {
        bottom: 0px;
        float: left;
        position: absolute;
        right: 22px;
        z-index: 500;
    }

    Поменяй в нем слово right на left.

  •  kalantay | 12 декабря 2012 в 15:39:08

    дело в том что у меня там везде left а выводится справа

  •  Роман | 30 января 2013 в 17:33:47

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

  •  Дмитрий | 22 апреля 2013 в 15:15:35

    Сергей, добрый день!

    Все сделал как у вас описано. Пути на css и js прописал, в стилях пути на картинки исправил, но форма работает неправильно. Подскажите, пожалуйста, в чем может быть проблема? http://happycakes.ru/

    Спасибо!

  •  Серёга | 26 апреля 2013 в 09:01:25

    Что то блокирует. Пропишите абсолютные пути к картинкам.

  •  Милена | 1 октября 2013 в 11:36:46

    Работает с Яндекс трусиками! спасибо!

  •  Андрей | 13 февраля 2014 в 13:41:29

    Скажите, а как сделать чтобы только при наведении форма появлялась, а то сейчас при наведении она появляется и остается.

    Как сделать чтобы только при наведении курсора появлялась эта форма, а при отведении пряталась.

    Пробовал с onMouseOver не получилось..

  •  владимир | 3 октября 2015 в 17:27:24

    Привет. скажите пожалуйста, где меняется email, куда отправится общение? ь

  •  Сергей | 14 января 2016 в 13:08:20

    Добрый день, подскажи пожалуйста как прикрутить на сайт это меню? я тут что то немного не допетриваю если честно. Какой блок куда вставить? я начал с того что в индекс( шаблона ) вставил

    Оригинальный подход к форме связи!

    т.е он запустился заработал, поидее ( перед контактом прописал местоположение его - т.е. домен/contact/contact_menu/contact-blue.css

    также и с джиквери

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