Как вставить КАРТУ в ZERO-блок на Tilda С ВЫСОТОЙ. Яндекс и Google карты в Зеро-блоке на Тильде 100%
Вставить Яндекс-карту или Google-карту в Зеро-блоке на Тильде, Схема проезда в Тильде.
Скачать программный код: Добавление-карты-в-ZERO-Блок-Программный-код-для-TILDA-p394004564
=================
Ссылка на видео как вставить карту бесплатно:
Индивидуальное обучение Тильде:
Конструктор-сайтов-Tilda-Индивидуальное-обучение-p596083432
=================
ЗАРАБАТЫВАЙТЕ НА МОИХ ВИДЕО:
Здесь пойдёт речь о платном варианте с использованием моего программного кода для тех, кто желает избавиться от недостатков бесплатного метода.
При добавлении карты общепринятым способом возникает проблема растягивания карты на всю высоту HTML-элемента. Обычно все советуют в значение height написать 100%, но так не работает. Поэтому в своём ролике про бесплатный вариант я устанавливал фиксированные значения высоты в пикселях. И не для всех дисплеев надо одинаковую высоту. А программный код общий для всех. Поэтому приходится для других вёрсток дублировать этот блок и в коде указывать другую высоту.
Кроме того, при добавлении яндекс-карты получается бордюр, который не вписывается в дизайны сайтов.
Поэтому я написал программный код, который избавит Вас от всех этих проблем. Вы просто добавите яндекс- или гугл-карту на свой сайт и она будет принимать размеры HTML-элемента. Вам не придётся придумывать как уместить её на любых экранах в любых вёрстках, ведь мало сверстать карту для ПК, необходимо сделать ещё вёрстки для всех вот этих мобильных дисплеев.
К тому же, Вы теперь сможете задавать размеры карты в процентах по ширине и высоте окна, то есть без проблем использовать её в резиновой вёрстке.
Ну и конечно я убрал бордюр. Теперь карта чисто, без излишеств впишется в Ваш сайт.
Итак, добавляем схему проезда в Тильде: добавляем в ZERO-блок элемент HTML-код, и сначала вставим Яндекс-карту, потом Гугл. Переходим на Яндекс-карты, ищем нужный адрес, жмём вот сюда, потом «Поделиться», и вот тут, где виджет с картой, жмём на квадратики. Карта скопировалась в буфер обмена, идём в ZERO-блок, дважды кликаем на элементе HTML, выделяем и удаляем этот код по умолчанию и вставляем код карты из буфера обмена. Всё! Никаких исправлений в этом коде вносить не нужно, ничего мудрить не придётся, мой программный код потом всё сделает за Вас. Сохраняем, закрываем. А чтобы программный код был в курсе наших ожиданий, на карте мы кликаем правой кнопкой мыши и выбираем пункт Add CSS Class Name – то есть, добавить имя CSS-Класса. И вот тут появляется поле, которого раньше не было, сюда печатаем имя нашего кода. Это «mapframe». Если забудете, оно есть в самом коде, я сейчас покажу это.
После этого Вы можете верстать этот блок как обычный любой другой блок – то есть менять его ширину и высоту для любых размеров дисплеев, устанавливать положение и размеры в пикселях или процентах, привязывать эти параметры к Грид-контейнеру или Виндоуз-контейнеру… Это Вы можете делать в соответствии с Вашими фантазиями по дизайну, не задумываясь о том как карта ляжет на сайт, влезет она или нет в свой блок. За Вас всё сделает мой программный код.
Далее переходим по ссылочке внизу, в описании к этому видео, покупаем и качаем программный код с моего сайта.
Открываем файлик с кодом, копируем всё содержимое. Добавляем на страницу блок Т123 HTML, жмём «Контент» и вставляем туда содержимое файлика. И вот здесь – имя кода «mapframe», которое мы присваивали в настройках нашей карты. Так что всегда его потом можете копировать отсюда если ссылку на этот ролик потеряете.
Всё! Публикуем и наслаждаемся результатом! Карта автоматически принимает именно те размеры, которые Вы задумали в дизайне. И нет этого бордюра.
То же самое с Гугл-картой. Ищем адрес, жмём «Поделиться», выбираем «Встраивание карт», «Копировать HTML».
Переходим в ZERO-блок и можете создать новый HTML-элемент, можете заменить карту в уже созданном. Сохраняем и закрываем. Публикуем – и наша карта работает как положено.
Теперь Вы навсегда избавитесь от проблем вёрстки нескольких вариантов карты для ваших сайтов и забудете лазить в их программные коды каждый раз когда надо будет изменить размеры.
Ключевые слова:
как вставить карту в зеро блоке
вставить карту в тильде
tilda
тильда
встроить карту в zero блок
карта в zero блоке
яндекс карты в тильде
google карта в тильде
яндекс карта в tilda
google карта в tilda
встроить карту на сайт в тильде
встроить карту в зеро блок
zero блок
зеро блок
вставить карту в зеро блок
вставить карту в zero
карта зеро блок
карта zero блок
схема проезда в тильде
6 views
2256
711
1 month ago 00:54:40 1
ЦБ РФ «по барабану» на ваши цифровые рубли / Как обманут пенсионеров
1 month ago 00:00:55 1
СИЛЬНЕЙШИЕ СЛОВА СПОРТСМЕНА | Речь бойца ММА Якова Букина взорвала интернет #shorts
1 month ago 00:08:38 1
Ошибка 0x80070570 при установке Windows 11/10 - Решение
1 month ago 00:08:27 1
Не работает Bluetooth на Windows 11/10 - Решение
1 month ago 01:30:38 1
Король и шут. Программа Жаль нет ружья ДС Юбилейный, Питер,
1 month ago 00:03:53 1
“Танец Рыцарей“ С.Прокофьев. Исполняет вся страна! #НасНеОтменить #ШедеврыРусскойКультуры
1 month ago 00:10:22 1
Таинственное путешествие к границам Вселенной
1 month ago 00:03:20 1
Русский язык 9 класс (Урок№42 - Бессоюзные сложные предл.со значением причины,пояснения,дополнения.)
1 month ago 00:04:23 1
🔝Как выйти в ТОП в УСЛУГАХ на Авито 🤫 Как работать с прайс листом Avito 👍 SEO СЕО оптимизация 2
1 month ago 00:03:15 1
Наложить Фото на Музыку онлайн
1 month ago 00:01:05 1
МАМОНОВ ГОВОРИТ О ВСТАВНЫХ ЗУБАХ
1 month ago 00:27:28 1
МОНТЯН: На Одессу точно нацелились! // Авдеевка, выборы в России, авиабаза в Румынии
1 month ago 00:17:16 1
Россия создает Альянс пострашнее НАТО. Могучая тройка грозит выкинуть США на обочину
1 month ago 00:44:24 1
Кто такие татары и как они сохраняют свою идентичность | АНАЛИЗИРУЙ ЭТНО
1 month ago 00:03:43 1
Эта юбка популярна во все времена. Подчёркивает фигуру и, скрывая недостатки, а сшить просто
1 month ago 00:10:00 1
Делай Эту Гимнастику 5 Минут в День и Посмотри Как Изменится Твоё Тело!
1 month ago 00:04:03 1
Разбить души твоей окна Винтаж
1 month ago 00:04:38 1
“Белые шарики“ ( Памяти героев посвящается ) & Муз. Е. Романовой Сл. Д. Филонова
1 month ago 01:08:20 1
Чебурашка и Крокодил Гена — все серии подряд [HD]
1 month ago 00:11:21 1
А что так можно было? 😜 Вышиваю вязальными нитками на обычной швейной машинке! 😄😄😄
1 month ago 00:00:58 1
Инструкция по обрыву нити часть 2 . Как правильно вставить иголку! Для вашей швейной машинки !
1 month ago 00:04:45 1
Упражнения для плоского живота не вставая со стула + Инструкция, Как начать худеть легко без срывов