Самые свежие записи

Как забрать красивую форму с сайта?

Друзья! Всем привет! Разбираемся вместе, как забрать понравившуюся форму обратной связи с сайта. Например , у нас есть сайт и на нём есть форма . Задача , взять эту форму ,чтобы в дальнейшем её использовать её для своих проектов. __________________________________________________________ Вот эта форма, но уже у меня на компе, в свободном так сказать виде. Как же проделать все операции по захвату этой формы.?? Воспользуемся для этого браузером ГууглеХром. В нём есть инструменты разработчика, показываю на скрине. три точки справа в верхнем углу) И у нас появляется такой инструмент где мы видим, наводя стрелкой мыши , все блоки кода и сам

Читать далее

Как натянуть простой сайт лендинг на конструктор WordPress

Для натяжки сайта на WP нужно! Приготовить чистый WP на каком-то хостинге или на локальном сервере прямо у себя на компе, а лучше и там и там. Также нужен плагин ACF желательно в русской версии . Ссылки на эти ресурсы вы найдёте под эти видео на хостинге Рутуб. Ролики теперь будем вешать исключительно на Рутубе, чтобы не лить воду на мельницу вражеских ресурсов. Ну, как говорится с Богом. ________________________________________________ Вот, сразу показываю как выглядят папочки с нужными программами! Чтобы не забыть , сразу даю ссылку на эти программы , которые лежат у меня на Я.диске https://disk.yandex.ru/d/iN-hzHie-zdPNA https://disk.yandex.ru/d/tb6J2ATrEx93Tg Создаём на локально

Читать далее

Создание всплывающей формы с анимацией

Друзья, приветствую всех! И желаю доброго времени суток! Сегодня научился делать всплывающее окно с анимацией и спешу поделится с вами. Вот ссылка прямо на сайт , где просто стоит кнопка и после нажатия всплывает с анимацией форма обратной связи. https://isvinzov.ru/forma-popup23/# Форма нормально отправляет данные на почту и после выходит письмо с благодарностью. ______________________________________ И так вначале нам нужен редактор кода, кому как удобнее. У меня саблайм-текст. Создаём каркас html страницы и пишем в ней код всплывающей формы можно взять уже готовый , кому как удобнее. Я взял готовый , вот его вид <a href=»#popup» class=»green»>Показать окно</a> <div id=»popup» class=»popup»> <a

Читать далее

Выполнил реальный заказ по созданию сайта

Заказчик сделал-таки заказ на 2500, о есть я получу 2000. Это уже хорошо, тем более что я часть заказа уже выполнил. Научился ставить иконки соцсетей и черту над и под словами. И важно,что черту я могу редактировать по ширине ,color, длине и месту. Вот код этой черты ввиде блока <div> <div style=»height:3px;background-color: black;width: 20%;margin-bottom: 30px; «></div> По иконкам ставим в блок <ul> пунктами <li> <li class=»nav-link text-white icon fab display-5 fa-brands fa-twitter-square fa-2x»> <a href=»#»> </a> </li> <li class=»nav-link text-white icon fab display-5 fab fa-vk fa-2x»> <a href=»#»> </a> </li> <li class=»nav-link text-white icon fab display-5 fa-brands fa-telegram fa-2x»> <a

Читать далее

Практика вёрстки(ставим линии сверху и внизу текста, иконки ).

Линия для Мобирайзе4 и иконки в меню!! _______________________________________________ <div style=»height:1px;background-color: white;width: 20%;margin-bottom: 30px; «></div> Эта линия ставится в виде блока (div) и хорошо редактируется ,то есть перемещается и меняется!! Что очень важно! Удачно начал ставить эту линию на конструкторе Мобирайзе4 А также разобрался с кнопками, теперь ставлю их в виде пунктов ли <li class=» nav-link text-white display-5 icon fab fa-facebook fa-2x»><a href=»#»> </a></li> <li class=» nav-link text-white display-5 icon fab fa-instagram fa-2x»><a href=»#»>&nbsp; &nbsp; </a></li> <li class=»nav-link text-white icon fab display-5 fa-brands fa-twitter-square fa-2x»> <a href=»#»> </a> </li> и здесь же или в отдельном файле необходимо подключить стили. ссылка на

Читать далее

Настройка форм обратной связи на сайте .Реальный заказ.(2000 р. — 5-7 дней)

Настройка обработчика формы для сайта скопированного с Тильда. 1. Кнопка_ Заказать звонок- при клике выходит форма находим код этой формы в редакторе Саблайм -Текст вместо верхнего тега форм ставим простой тэг <form method=»POST» action=»send.php»> в нём уже стоит обработчик формы send.php этот обработчик у меня уже готов, закидываем его на сайт и ставим рядом с фалом index.html 2. Уточняем поля для обработчика, с которых берутся данные. //создаём переменные , которые берут данные из полей формы $name = $_POST[‘Name’]; $tel = $_POST[‘Phone’]; $msg = $_POST[‘Input’]; Их мы должны найти в файле index.php в теге <form>здесь!!……</form> Обработчик сработал нормально, данные на почту

Читать далее

Подключаем всплывающее окно popup на сайт заказчика.

Получилось подключить popup? Всплывающее окно, которое сделал по видеоуроку!Фрилансерпожизни!! И так сделал я это окно , всё работает , всё всплывает как надо, плавно!! Вот этот сайт,я загрузил на свой хостинг. https://s1.kruglovo.ru/gruzchiki_09 И решил попробовать поставить на сайт, практика , значит!! Всё надо закреплять практикой!! 1. Поставил кнопку_Обратный звонок. <a href=»#popup»><span class=»elementor-button-text» style=»color:white;»> ОБРАТНЫЙ ЗВОНОК</span></a></span> подключил стили к сайту кодом <link rel=»stylesheet» href=»css/style.css»> Можно делать со спаном, где прописываются стили текста, удобно, Ниже сразу поставил , подключил стили, так не рекомендуется , но работает!! 2. Папку со стилями окна перемещаем в корень сайта. 3. Затем в низ кода сайта через

Читать далее

Вёрстка по макету PSD в bootstrap4

по боотстрап4 — ставим начальный шаблон с ресурса https://getbootstrap.com/ — вначале в редакторе  Sublime Text создали файл index.html — затем подключаем библиотеку со шрифтами , можно локально или удалённо через https <link rel=»preconnect» href=»https://fonts.gstatic.com»> <link href=»https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap» rel=»stylesheet»> — в стилях при этом пишем font-family: ‘Open Sans’, sans-serif; для всего html документа *html{ } И шрифты должны заработать. Если шрифты подключать локально , то нужно их скачать , положить в папку со шрифтами и подключить из папки со шрифтами вот так..если непонятно , то идём снова в урок https://www.youtube.com/watch?v=ST9mdY0jaZY ..вот тоже получается урок , как начать делать шаблон по боотстрап4 ,

Читать далее

Форма обратной связи для сайта form …. /form
как подключить??

Здравствуйте! Сегодня разбираемся как подключить форму обратной вязи для заказчика на сайт или для себя. Есть некоторый сайт , где стоит кнопка _Заказать обратный звонок. При клике на эту кнопку появляется форма для заполнения Имя и Телефон. Для подключения этой формы мы используем только html и php. Покажу как выглядит код обработчика (php) для этого сайта. <?php //создаём переменные , котjрые берут данные из полей формы $name = $_POST[‘name’]; $tel = $_POST[‘Phone’]; /* Сюда впишите свою эл. почту */ //$address = «svim09@yandex.ru»;//, /* А здесь прописывается текст сообщения, \n — перенос строки */ //$mes = «Tema: coobchenie c sita $login

Читать далее

Как подключить и настроить интернет от телефона в ноутбуке через WF

Друзья привет всем! Сегодня наладил интернет на ноутбуке, два дня назад испортились настройки в ноуте и он перестал подключаться к интернету через Вай Фай от телефона , где у меня подключена Ёта с 4G интернетом, что для деревни очень даже не плохо.! Так вот, вай фай отлично передавал интернет на ноут, но вдруг перестал. И пишет в настройках,что Нет подключения к интернету,Защищено! Типа я ввёл не правильно пароль,хотя всё ввёл правильно, проверял уже не один раз. Нашел ролик в интернете, оказалось,что просто слетел драйвер! И решение было следующим! Правой кнопкой мыши щёлкаем на значок выйфая справа на нижней панели ноута.

Читать далее