Обратный звонок
Стандартный плагин формы обратной связи для DLE 13.0 и выше. Подойдёт для сайта компании. Имеет самую элементарную / простую реализацию без возможности настроек.
Для работы формы требуется вывести тег {callme} в нужное место. Также следует настроить его стили, т.к. бесплатная версия формы не универсальна.
- Скачать архив
- Положить папку engine в корень сайта
- Установить .xml файл плагина через админку по кнопке "Загрузить плагин"
- Добавить CSS в конце вашего файла стилей
.pop{display:block;transition:1s;}.popupbg{display:block;position:fixed;z-index:99999;top:0;left:0;background:rgba(0,0,0,0.7);width:100%;height:100%;overflow-y:auto;transition:1s;}
.popup{display:block;min-width:300px;width:60%;max-width:400px;background-color:rgb(249, 249, 249);margin:15vh auto;padding:0;position:relative;z-index:3}
.popup .leftside{background:#fff}.popup
.rightside{color:#fff}.popupright{text-align:left}.popupright
a{color:#567f98}
.popup-name{line-height:25px;text-align:center;font-size:1.5em;padding:1em 1em 0;background:rgb(249, 249, 249);color:rgb(59, 116, 169);font-size:24px;font-family:Tahoma;text-align:center;text-shadow:rgba(2, 2, 2, 0.23) 0px 0px 0px;}
.popup-descr{font-size:14px;background:rgb(249, 249, 249);color:#444;padding:1em
2em 2em;text-align:left}.popup-form{padding:2em}.popup-form-name{font-size:1.2em}.popup-form-input{padding:.5em 0}.popup-form-input input[type="tel"],.popup-form-input input[type="text"],.popup-form-input input[type="email"],.popup-form-input
textarea{padding:.5em;width:95%;border-radius:2px;font-size:16px;border:#bdbdbd 1px solid;transition:.66s}.popup-form-input input[type="text"]:hover,.popup-form-input input[type="text"]:focus,.popup-form-input input[type="tel"]:hover,.popup-form-input input[type="tel"]:focus,.popup-form-input input[type="email"]:hover,.popup-form-input input[type="email"]:focus,.popup-form-input textarea:hover,.popup-form-input textarea:focus{box-shadow:0 0 15px rgba(149,118,216,0.3);transition:.66s}.popup-submit-button{display:block!important;width:100%;background:#567f98;color:#fff;font-size:15px;padding:.7em;border-radius:2px;border:#567f98 1px solid;border-bottom:#446477 2px solid;cursor:pointer;-webkit-appearance:none}.popup-help{text-align:center;padding:1em
0 0}.popup-help
a{display:inline-block;font-size:.8em;color:#8e8e8e}.popup-close
img{width:30px}.popup-close-area{display:block;position:absolute;width:100%;height:100%;z-index:2;top:0;left:0}.seccode{border:0!important;display:inline!important;width:40px!important}.static-content
tr{display:table-row}.callmeform{width:300px!important}.callmeform .popup-form{background:#fff}
.popup-closelink{text-align:right;}
.popup-close{display:inline-block;padding:8px 12px;background-color:rgb(59, 116, 169);color:rgb(255, 255, 255);font-size:8px;}
.popup-descr input{display:block;width:93%;padding:15px 3%;background:#d6d6d68f;border:#d6d6d6 1px solid;margin:10px 0;}
.popup-descr input[type="submit"]{display:block;background:#3b74a9;background:-webkit-linear-gradient(135deg,#3b74a9 30%,#6ab3e8 100%);background:linear-gradient(135deg,#3b74a9 30%,#6ab3e8 100%);width:100%;color:#fff;text-transform:uppercase;border-radius:3px;border:#fff 1px solid;}
-
Готово.
Версия DLE: --
Автор: --
