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

Ставим WP на локальный сервер и создаём сайт на любую тему!

Здравствуйте! Друзья, мы сегодня проделаем интереснейшее дело. Сайт можно создавать в интернете, а можно и прямо у себя  на компе. Что же для этого нужно?? А нужно для этого создать на своём компьютере такой же сервер, как и тот что стоит на хостинге где-то  в глубинах интернета. Да, мы установим у себя на компе локальный сервер, я для примера возьму xampp. XAMPP полностью бесплатный и простой в установке дистрибутив Apache, содержащий MariaDB, PHP и Perl. XAMPP создан с открытым исходным кодом, чтобы быть невероятно простым в установке и в использовании Как его скачать и установить, я думаю разберётесь сами. Я же сумел, хотя

Читать далее

Исправляем ошибку соединения с базой данных

Друзья! Приветствую всех. Сегодня удалось решить небольшую проблемку по ходу жизни в сети, так сказать. У меня появилась ошибка соединения с базой данных при заходе на мой сайт http://www.s4.kruglovo.ru/kviz-tilda23/ вот такого вида (сайт на движке WordPress ) Долго бился, пытался разобраться, вроде бы ничего не менял в настройках сайта и админ-панели , но ошибка появилась ещё прошлый день. Написал в службу поддержки хостинга джино. Просмотрел несколько роликов в интернете и в итоге у меня всё получилось. Дело в том ,что другие-то сайты моего хостинга работали нормально. Поэтому я зашёл  в управление хостингом, в управление базами данных вот вид того места

Читать далее

Вёрстка формы обратной связи и подключение скриптов

Текущие дела 22.01.23 Делаю, сделал сверстал форму попап для сайта инвест. далее её нужно прикрепить к кнопке на этом сайте атрибутом data-target=”modal” дальше пока не делал. Буду учить урок и делать! Сверстал эту форму с нуля , вроде ничего сложного. Вначале задаём весь модал, тёмное окно див класс модал .modal и нажимаем tab затем создаём див для контента, .modal-content прописываем заголовок формы и текст под заголовком Затем прописываем тэг форм и ниже инпуты*2 ниже button тип submit класс btn под кнопкой прописываем согласие на обработку персональных данных в теге p или small Вот и всё затем стилизуем, ещё пропишем крестик

Читать далее

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

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

Читать далее

Как натянуть простой сайт лендинг на конструктор 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. Затем в низ кода сайта через

Читать далее