Панель формы обратной связи и контактов для сайта uCoz - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Скрипты для uCoz » Скрипты для юКоз » Панель формы обратной связи и контактов для сайта uCoz

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Панель формы обратной связи и контактов для сайта uCoz

Панель формы обратной связи для сайта юКоз




Панель находится в правом или левом нижнем углу страницы сайта и оснащена двумя видами форм для обратной связи.При нажатии на форму "Написать письмо" откроется Ajax окно в котором можно будет отправить письмо на E-mail привязанный к аккаунту Вашего сайта.Наведя курсор на форму "Связаться с нами" выедет лист в котором Вы укажите дополнительные способы связи и инструменты для дополнительных контактов.Предоставлено пять вариантов цветов панели, для каждой расцветки свой код установки в примерах ниже.Соблюдайте последовательность установки, лучше один раз внимательно прочитать и сделать чем 10 раз переделать и причитать.





Последовательность установки панели

Установка Ajax окна

Вам потребуется настроить форму обратной связи в Аякс окне, для этого нужно выполнить пункты 1, 2 и 3 входящих в "Порядок установки окна" материала, ссылка на который находится ниже.Но только 3 первых пункта, остальные элементы уже есть в скрипте панели

  • Откройте материал и выполните 3 первых пункта



  • Выбор расцветки и положения панели

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



    Чёрная панель будет находиться в правом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-black-R.css");
    </style>



    Голубая панель будет находиться в правом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-blue-R.css");
    </style>



    Зелёная панель будет находиться в правом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-green-R.css");
    </style>



    Оранжевая панель будет находиться в правом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-orange-R.css");
    </style>



    Красная панель будет находиться в правом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-red-R.css");
    </style>



    Чёрная панель будет находиться в левом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-black-L.css");
    </style>



    Голубая панель будет находиться в левом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-blue-L.css");
    </style>



    Зелёная панель будет находиться в левом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-green-L.css");
    </style>



    Оранжевая панель будет находиться в левом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-orange-L.css");
    </style>



    Красная панель будет находиться в левом нижнем углу


    <style type="text/css">
    @import url("http://delaisait.ucoz.ru/script/css/svyaz/contact-red-L.css");
    </style>



    Основной скрипт панели

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



    <script>
    function mySensForm(el){
    new _uWnd('myForm','Форма связи с администратором',440,340,{
    align:'left',fadeclosetype:1,min:1,max:1,shadow:1,header:1,resize:0,
    oncontent:function(){
    $.get(el.href,{},function(data){
    $('#myForm').html($('#msgForm',data).html())});
    }},'<div id="myForm" style="width:450px;height:350px;">
    </div>');};
    </script>
    <div class="liveChat">
    <div class="liveL"></div>
    <div class="liveBg">
    <a href="/index/0-3" onclick="mySensForm(this);return false;" class="livechatlink lftBut">
    <i class="lft"></i><i class="txt">Написать письмо</i></a>
    <div class="sep"></div>
    <a href="javascript:void(0)" onMouseOver="javascript:$('#popLiveChatID').slideDown(400);" class="rghBut">
    <i class="txt">Связаться с нами</i>
    <i class="rgh"></i>
    </a>
    </div>
    <div class="liveR"></div>
    <div class="popLiveChat" id="popLiveChatID">
    <ul>
    <li class="phone"><i></i>+7(499) 763-11-82<br>
    <b style="visibility:hidden"></b>+7(495) 637-22-22</li>
    <li class="skype"><a href="skype:Номер телефона ( полный )?call"><i></i>Связаться по Skype</a></li>
    <li class="mail"><a href="#"><i></i>Обсуждение на форуме</a></li>
    <li class="adress"><a href="#"><i></i>Новые материалы</a></li>
    <li class="store"><a href="#"><i></i>Стол заказов</a></li>
    <li class="cpanel"><a href="#"><i></i>Партнёрам</a></li>
    </ul>
    <a href="javascript:void(0)" onclick="javascript:$('#popLiveChatID').slideUp(200);" class="close"> </a>
    </div>
    </div>



    Вот и всё, установка закончена и можно испытывать панельку в работе.Работать она будет только на сайте в системе uCoz.Если возникнут вопросы или предложения используйте форму комментариев материала









    Русские шрифты



    Ссылка:
    BB code:




  • ©
  • | Просмотров: 5942 | Добавил: IZOTOP | Рейтинг: 5.0/1
    | Теги: Обратная связь, написать письмо, для контактов

    Всего комментариев: 5
    0   Спам
    2 Norton   (08.02.2014 16:52)
    Аватар Norton Добрый день,установил всё по пунктам,вроде как работает; но не открывается (не выскакивает окошко для ОБРАТНОЙ СВЯЗИ, как у Вас в демо версии!),подскажите пожалуйста где ошибка?Вот мой сайт;http://photo-love.at.ua/
    И ещё как можно цвет подправить,сделать более насыщенней красного(для моего сайта),и ещё хотелось бы вид комментариев как у Вас....вы уж не обесудте...
    biggrin

    0   Спам
    3 IZOTOP   (08.02.2014 20:57)
    Аватар IZOTOP На Вашем сайте не подключены файл стилей и скрипт библиотека, посмотрите этот материал, там описаны необходимые элементы для работы Ajax окон.

    0   Спам
    4 IZOTOP   (10.02.2014 23:19)
    Аватар IZOTOP Довольно странный у Вас шаблон, не скроете природу его происхождения?
    В принципе мне понятна суть не работоспособности предоставленного элемента в этом материале.
    Страница:
    http://photo-love.at.ua/index/0-3
    Не содержит требуемых данных для отображения ajax окна.
    Мне не совсем понятна роль несуществующих тегов используемых в вёрстке сайта:

    Код

    <name>Свадебный портал</name>
    <slogan>Профессиональный фотограф</slogan>


    Тип документа указывает на возможную принадлежность к xml формату, почему тогда не указан язык чтения?

    Код

    <html xmlns="http://www.w3.org/1999/xhtml "xml:lang="en" lang="en">


    Если Вам известно происхождение шаблона, укажите источник.

    0   Спам
    5 Norton   (11.02.2014 11:47)
    Аватар Norton Добрый день,я не являюсь автором шаблона,я лишь его приобрёл (первоначальный вид; Шаблон ), и начинаю его под себя переделывать!,я то же замечаю что не которые функции скриптов не запускаются!((

    0   Спам
    1 klblkoff   (20.03.2013 23:27)
    Аватар klblkoff привет. а у меня почемуто аякс окно не открывается когда хочеш письмо написать. перекидывает просто на страницу обратной связи.( сперва читал как длать надо) и при нажатии на звонок скайпа перекидывает просто на главную страницу сайта fear


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]