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

Быстрая вёрстка меню с меню второго уровня и иконками на Боотстрап4!!

Быстрая Вёрстка на Боотстрап4!! В начале заходим на гет боотстрап и копируем стартовый пакет, набираем справа в поиске nav и появляется различные виды меню с примерами. Выбираем меню с тестом справа, Теперь можно немного модернизировать меню, поставив  выпадающее меню и иконки справа или что-то ещё другое главное – научится делать самое разнообразное меню. Для создания выпадающего меню  берём пример с выпадающим меню. и вырезаем оттуда выпадающее меню , его код и вставляем его в своё меню, получаем уже меню с выпадающим меню Поместим всё в контейнер , чтобы было по уже <div class=”container”> здесь меню <div> Иконки тоже берём с

Читать далее

Переносим сайт на WP на новый домен

Ура! Перенёс сайт Вот здесь были основные трудности! При переносе создал новую базу данных на новом домене, создал нового пользователя, но данные взял основные yafermer_s1708 имя базы данных Yafermer   имя пользователя DLZ6vWH,LWwW пароль обновил и взял для создания БД его!_____ и о чудо! всё пошло создал новую базу на новом месте! В общем , дело был так! Для переноса используем плагин Акебо Бекап, берём его на сайте производителя https://www.akeeba.com Там же утилиту для запуска установки бекапа на новое место. https://www.akeeba.com/products/akeeba-kickstart.html Вначале ставим плагин акебо бекап в консоль вордпресс сайта, затем запускаем этот плагин и создаём копию , всё оставляем по

Читать далее

Кака сохранить изображение с сайта Тильды?

Здравствуйте дорогие друзья! Сегодня мы разберёмся как же сохранить изображение из сайта созданного в конструкторе Тильда, есть бесплатный тариф, платный от 500 р. в месяц. Так вот, открываем сайт, открываем инструменты разработчика, для этого кликаем правой кнопкой мыши по экрану и в самом низу – Исследовать элемент!(это в браузере Яндекс). Справа или снизу открывается страница с кодом. Кликаем мышкой , правой кнопкой, на стрелку в левом верхнем углу этого кода, и затем кликаем в то место экрана которое хотим сохранить. В появившемся коде находим адрес этого рисунка или картинки, берём верхний вариант, нижний у меня не открылся , вернее не

Читать далее

Ставим 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

Читать далее