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

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

Друзья, приветствую всех! И желаю доброго времени суток! Сегодня научился делать всплывающее окно с анимацией и спешу поделится с вами. Вот ссылка прямо на сайт , где просто стоит кнопка и после нажатия всплывает с анимацией форма обратной связи. 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 интернетом, что для деревни очень даже не плохо.! Так вот, вай фай отлично передавал интернет на ноут, но вдруг перестал. И пишет в настройках,что Нет подключения к интернету,Защищено! Типа я ввёл не правильно пароль,хотя всё ввёл правильно, проверял уже не один раз. Нашел ролик в интернете, оказалось,что просто слетел драйвер! И решение было следующим! Правой кнопкой мыши щёлкаем на значок выйфая справа на нижней панели ноута.

Читать далее

Подключаем форму обратной связи на сайт

Друзья приветствую всех снова! Настроил форму обратной связи на сайте для продажи часов. В интернете много материала для создания сайтов. И это один из вариантов , как создать сайт и на этом заработать! Процесс следующий , ищем подходящий сайт под ваш товар, Яндекс и Гуугл вам в помощь! Нашли допустим , понравился вам сайт и по цвету вашего товара совпадает .Берём программу , их также много , я взял Cyotek WebCopy , она есть в сети в свободном доступе. удобная , давно её пользуюсь . Скопировал этой программой сайт , зашёл в код индексного файла index.html, посмотрел . как там

Читать далее

Создание всплывающего окна (popap) в Bootstrap4

Сегодня 1 марта! Всех жителей интернета с началом Весны! И так, делаем всплывающее окно в Ботстрап4.- идём на сайт https://bootstrap-4.ru/ — скопироуем там уже готовый шаблон с html кодом — создаём в блокноте новый документс расшрением index.html — а лучше , конечно, в каком нибудь редакторе кода типа sablaim text или vscode (в написании могу ошибаться) — вставляем этот код в созданный индексный файл это у нас и будет основная страница сайта — затем там же берём код кнопки всплывающего окна и самого окна — вставляем этот код в нашу страницу сайта между тегами <body></body> — и все дела ,

Читать далее