Это слишком топовый контент. Ты - единственный чувак на ютубе, который делает такие необычные вещи в тильде и зеро блоке. Просто оставляю коммент, чтобы продвинуть видео
Благодарю за метод, очень помог! Хотел добавить, что вернуть первоначальный цвет маркера можно не внося изменений в svg. Достаточно вот в этот класс "ymaps-2-1-77-image", прописать filter: invert(1). Дело в том, что у меня был svg маркер с градиентами и сложными формами, поэтому выгадывать каждый инвертированный цвет было бы сложно. Поэтому через devtools по сформированному DOM-дереву я нашел нужный узел, вытащил класс, и стилизовал его уже у себя в файле.
Что-то не понял как маркер менять. Он же с яндекса тянется, у меня сразу обесцвечивается, а у вас он красный на сером в начале к примеру и дальше как поменять конкретно его цвет...
Спасибо за ваши уроки) по вашим урокам легко вставила js анимацию на главной в зеро блок)) спасибо!) У меня такой вопрос, вы не могли бы подсказать как убрать с карты все эти мусорные элементы типа зум, тип карты и тд , чтобы только карта была. У меня черная карта гугл на тильде, а вот эти элементы все белые прям мешают, помогите пожалуйста)
Если у кого-то не красится карта в серый, то это потому что вышла новая версия карт. Соответственно, класс, который указан в коде, не актуален. Вместо класса пишите [class*="ymaps-2-1"][class*="-ground-pane"]
Добрый день отличный контент но у меня по какой-то причине первый код не работает( серой карта не становиться пробовал копировать из яндекса код на фильтр но без успеха( то ли я тупой то ли произошли изменения(
Я прописал тотже класс объекту-карте и обесцвечивание заработало В случае белой плашки я ей тоже прописал класс .huinya вместо tn-elem... c tn-elem код почему-то не работал.. мож кому пригодится инфа.. такому же как я кретину
Я вот только не понял по поводу того, как заменить бирюзовый маркер на красный, ты говоришь просто заменить его, но для меня это не просто )) Куда его нужно вставлять? Расскажи подробнее пожалуйста. Спасибо!
Ничесе.. Классно. Тоже искал темный цвет Яндекс карты. С фигмой не знаком. Что за белый цвет был?? можете объяснить простым смертным. У меня только чисто HTML, CSS. Карту уже подключил, но как мне сделать его темным.?? (извиняюсь за мою тупость.)
Станислав, я тебе уже говорила, что ты волшебник, но еще раз напишу, что ты мегакрутой наиумнейший Тильда-брат из нашего семейства Тильдолюбовых))) Спасибо тебе, ты очень многое делаешь для семьи)) А теперь вопрос - Я делала все четко по твоей инструкции (пару сотен раз тупанула конечно, но сделала). Карта черная, но маркер стал оранжевым ( а был голубым). Для кода карты я использовала конструктор карт Яндекса (и там блин маркер сине-голубой). В коде, который я использовала, вроде никаких признаков цвета маркера. А мне надо маркер такого же винного цвета как у тебя...В фигме я игралась, думала подобрать цвет (никак не попаду).... Может ты подскажешь как мне изначальный цвет маркера поменять???? или подобрать? аааа и вообще куда его вставить?))))
@@daniilgolovanovv сама практически методом тыка 😀 и я так понимаю, что нужно постоянно контролить этот вопрос у яндекса. А то в один прекрасный день всё опять слетит)
Three.js на тильде используют многие, однако, из-за того, что на тильду нельзя загружать свои файлы, это использование ограничивается лишь рисованием кубиков, сфер и т.п. средствами самой библиотеки. Я же собираюсь кратко ввести людей в курс дела, показать, как на тильде использовать свои модели, и что с ними можно делать. Камеры, анимации по скроллу и прочее
Если есть базовые знания в области js, то, как по маслу зайдёт) Для рядового дизайнера будет убийственно сложно xD Но разобраться возможно, и я постараюсь с этим помочь
Pointer-events Можно менять в самом зеро блоке без кода. Не понял как ты поменял цвет маркера на бирюзовый, хотелось бы по подробнее узнать что это был за код. Контент отличный поставил лайк под каждым видео !
.ymaps-2-1-77-ground-pane - класс «земли» карты. Через просмотр элемента попробуйте найти этот класс. Пока что у всех, вроде, работало с этим классом, однако, быть может, что-то изменилось
@@design_scripts все работало нормально , а сегодня слетел код, карта стала опять цветная , что могло произойти? Изменения никакие не вносил вообще на этой странице!!!
Код рабочий, но на мобильных версиях режим наложения не сработал. Пока не разобрался почему. Вместо режима наложения "difference" сделал "color" под свою задачу. upd. Да.. забыл сказать. Вместо класса карты, как в видосе, указал класс элемента вида .tn-elem
Ну, дак видео о покраске карты, а не о вставке её через api) Это уже совсем другая история. Таким же способом можно красить стандартную тильдовскую карту
@@akvatea Бегло осмотрел ютуб. Ничего такого нет, поэтому, скорее всего, будет. За основу своей карты для теста брал код отсюда: mo-ti.ru/fivepointsmap
Это слишком топовый контент. Ты - единственный чувак на ютубе, который делает такие необычные вещи в тильде и зеро блоке. Просто оставляю коммент, чтобы продвинуть видео
Если цвет не меняется ищите через Исследовать элемент. в коде 2-1-77 а на 12.2021 г. такие изменения: class="ymaps-2-1-79-map
Благодарю за метод, очень помог! Хотел добавить, что вернуть первоначальный цвет маркера можно не внося изменений в svg. Достаточно вот в этот класс "ymaps-2-1-77-image", прописать filter: invert(1).
Дело в том, что у меня был svg маркер с градиентами и сложными формами, поэтому выгадывать каждый инвертированный цвет было бы сложно. Поэтому через devtools по сформированному DOM-дереву я нашел нужный узел, вытащил класс, и стилизовал его уже у себя в файле.
Помогло, спасибо!
Ты просто красавчеГ ! Чем больше занимаюсь с тильдой, тем больше у меня осознание что ее возможности сильно больше моих! )))) Но я учусь )
Работаю на тильде в zero block и не знала, вообще, про эти режимы наложения. Спасибо!!
Скинул твоё видео в конфу с тильдовскими дизайнерами)
Спасибо за контент. Развиваешь сообщество тильды
Красавчик! Просто красавчик!! Взахлёб смотрю видео🙌🙌
Привет, спасибо за инструкцию! =)) Только вместо первой строки надо писать айди блока с хтмлью карты с решёткой - так всё получилось!!!! =)))
спасибо вам! 2 дня мучилась, пока не прочла ваш комментарий
можно подробнее?
Спасибо за подсказку! 🔥
Просто спасибо, что ты есть, чувак! Я только недавно начал работать на тильде в том числе и в зеро блоке. Твои видосы очень помогают
Потрясающе! Желаю успехов. Спасибо за прокачку коммьюнити Тильды)
Поздравляю с первой 1000й. Делаешь классные видео про тильду зеро блок
Огонь!!! Спасибо большое за полезный контент!!!
Большое спасибо, долго не мог справиться с данной проблемой🙌
Огромное спасибо!!!! Это классно и так просто!!!! Твои видео так понятны и так необходимы.
С 1000 тебя!!!! Спасибо за отличный контент!
Спасибо, стараюсь ^_^
Спасибо за контент и личную помощь!
Рад, что понравилось ;)
Спасибо, было очень полезно и информативно. Так держать!!!
шикарный контент! Браво👏
Спасибо, приятно видеть, что контент заходит)
Продолжай пилить видео по tilda. Смотрю с удовольствием
Крутой контент! Классный способ сделать яндекс карты тёмными)
Здравствуйте отличный урок!!! Я что то не поняла как именно в тильде заменили маркер на красный. Подскажите пожалуйста?
Спасибо что разобрал эту тему, топ контент по тильде
Рад, что нравится)
Круто, полезный контент для Tilda подъехал))
Надеюсь, тут кто-то жив еще) Почему-то наложение работает, а вот окрашивание карты нет. Подскажите, в чем может быть ошибка, пожалуйста?
Как всегда видео на уровне! Крутой лайфхак!
Как всегда, спасибо за коммент)
Рад, что инфа оказалось полезной
Спасибо огромное!
Подскажи, у тебя на мобильной версии работает? и если да, то как сделал ? а то у меня режим наложения у шейпа в мобилке как будто не схватывает
Самый недооцененный канал на ютубе!
Так же было бы здорово, получать ссылку на страницу из урока
Это просто бомба 💣 🔥
Это гениально :) правда
Подскажите пожалуйста, не получается закрасить ее просто в чб формат. В чем может быть проблема?)
Что-то не понял как маркер менять. Он же с яндекса тянется, у меня сразу обесцвечивается, а у вас он красный на сером в начале к примеру и дальше как поменять конкретно его цвет...
Спасибо!!! мегакрут
Что делать если код наложения не работает?
У кого не получается вставить серую карту из-за постоянных обновлений яндекса, поменяйте mix-blend-mode: difference; на mix-blend-mode: color;
Правильно понимаю, чтотогда она просто серая получается? Нужного затемнения не выходит
Д.Д. Как покрасить карту, добавленную в зеро блок через конструктор карт? Не через API
спасибо за видео) только я не поняла как заменить маркер... да и вообще и не знала, что в картах с ним можно что-то сделать))
А я и не показывал, КАК заменить маркёр) На ютубе должны быть видео по api Яндекс карт. Советую посмотреть)
Крутые видосы! Покажите как вставлять яндекс карту на зеро блок, и применять черно-белую тему на карту... Плиииииииз
Как всегда пушка!
Душу вкладываю в каждый ролик ;D
Коасавчик, оч круто 🔝
Спасибо, приятно слышать)
Всем привет! Почему карта получается с фиолетовым оттенком?
почему карта может не перекрашиваться?
у меня почему то черно белый вариант не сработал
Привет) как в код добавить информацию о замене цвета маркера?
Ты гений блин
Круто мен, топчик контент!
Спасибо 😉
добрый день. не могу найти кода в описании) подскажите где сами коды то?)
Ждём three js - сам пытался разобраться, но не получилось. Понятия не имею, как это сделать на тильде
Спасибо за ваши уроки) по вашим урокам легко вставила js анимацию на главной в зеро блок)) спасибо!) У меня такой вопрос, вы не могли бы подсказать как убрать с карты все эти мусорные элементы типа зум, тип карты и тд , чтобы только карта была. У меня черная карта гугл на тильде, а вот эти элементы все белые прям мешают, помогите пожалуйста)
Без слов!!!!!!!!!!
Если у кого-то не красится карта в серый, то это потому что вышла новая версия карт. Соответственно, класс, который указан в коде, не актуален. Вместо класса пишите [class*="ymaps-2-1"][class*="-ground-pane"]
Спасибо!
как вставить самц карту, чтобы код работал?
Добрый день отличный контент но у меня по какой-то причине первый код не работает( серой карта не становиться пробовал копировать из яндекса код на фильтр но без успеха( то ли я тупой то ли произошли изменения(
Ребят, а кто-нибудь может подробнее объяснить, как поменять цвет икнки? Карту перекрасила, а вот с иконкой не догнала...
а как с гугл мапс так сделать ?
У меня код покраски карты в серый не срабатывает чет. Что я не так делаю?
Я прописал тотже класс объекту-карте и обесцвечивание заработало
В случае белой плашки я ей тоже прописал класс .huinya вместо tn-elem... c tn-elem код почему-то не работал.. мож кому пригодится инфа.. такому же как я кретину
@@krylyev у тебя на мобильной версии работает? у меня на мобилке режим наложения не срабатывает у шейпа, понять не могу в чем причина
Подписал на тебя всех своих друзей с тильды
Я вот только не понял по поводу того, как заменить бирюзовый маркер на красный, ты говоришь просто заменить его, но для меня это не просто )) Куда его нужно вставлять? Расскажи подробнее пожалуйста.
Спасибо!
Я вставлял карту на сайт через api. Там же в коде и настраивал маркер.
Видео было не про api Яндекса, поэтому я ничего про это и не сказал)
Либо просто добавьте CSS - filter: grayscale(1) invert(100%);
ты лучший)) не работало видимо из-за 2-1-77, мучался долго, и твоя подсказка просто спасла жизнь))
Ничесе.. Классно. Тоже искал темный цвет Яндекс карты.
С фигмой не знаком. Что за белый цвет был?? можете объяснить простым смертным.
У меня только чисто HTML, CSS. Карту уже подключил, но как мне сделать его темным.?? (извиняюсь за мою тупость.)
Станислав, я тебе уже говорила, что ты волшебник, но еще раз напишу, что ты мегакрутой наиумнейший Тильда-брат из нашего семейства Тильдолюбовых))) Спасибо тебе, ты очень многое делаешь для семьи))
А теперь вопрос - Я делала все четко по твоей инструкции (пару сотен раз тупанула конечно, но сделала). Карта черная, но маркер стал оранжевым ( а был голубым). Для кода карты я использовала конструктор карт Яндекса (и там блин маркер сине-голубой). В коде, который я использовала, вроде никаких признаков цвета маркера. А мне надо маркер такого же винного цвета как у тебя...В фигме я игралась, думала подобрать цвет (никак не попаду).... Может ты подскажешь как мне изначальный цвет маркера поменять???? или подобрать? аааа и вообще куда его вставить?))))
Нашли решение? Тоже ищу способ как сделать карту серой, а значки нужного мне цвета, но в итоге вся карта красится в серый
Добрый день.
Почему то не окрашивается в серый цвет.
помогите устранить причину.
тоже самое и у меня
Яндекс поменяли ссылку на API (поменяли 7 на 8). Пропишите в первой строчке кода .ymaps-2-1-78-ground-pane
@@annaborisova_design сработало) от души)
@@daniilgolovanovv сама практически методом тыка 😀 и я так понимаю, что нужно постоянно контролить этот вопрос у яндекса. А то в один прекрасный день всё опять слетит)
@@annaborisova_design подскажите, а где можно отслеживать актуальную версию карт и смотреть ее код
не понял про 3д модели, это просто инфа о том. что так можно в тильде?
Это инфа о том, что скоро я покажу, как это сделать на тильде)
Three.js на тильде используют многие, однако, из-за того, что на тильду нельзя загружать свои файлы, это использование ограничивается лишь рисованием кубиков, сфер и т.п. средствами самой библиотеки.
Я же собираюсь кратко ввести людей в курс дела, показать, как на тильде использовать свои модели, и что с ними можно делать. Камеры, анимации по скроллу и прочее
Браво ! )
Ну что сложного было кинуть код для мапы... есть вставлять код карты данный с яндекса например, то ymap с него не получить
treejs ждём))
Очень ждём treejs. Будет сложно?)
Если есть базовые знания в области js, то, как по маслу зайдёт)
Для рядового дизайнера будет убийственно сложно xD
Но разобраться возможно, и я постараюсь с этим помочь
Pointer-events Можно менять в самом зеро блоке без кода. Не понял как ты поменял цвет маркера на бирюзовый, хотелось бы по подробнее узнать что это был за код. Контент отличный поставил лайк под каждым видео !
Действительно, раньше не замечал)
Насчет маркера - я просто в фигме сохранил его бирюзовую версию и уже её загрузил на тильду
@@design_scripts, спасибо контент супер. С меткой не могу разобраться. Как поставить нужного цвета? Только через Api Яндекс карт?
Да, только через api
@@design_scripts спасибо за ответ ) пошёл осваивать )))
У Яндекс карт обновилась версия до 3, код из видоса не рабочий
Не работает первая часть кода, там где-то нужно прописать ссылку своей карты?
.ymaps-2-1-77-ground-pane - класс «земли» карты. Через просмотр элемента попробуйте найти этот класс.
Пока что у всех, вроде, работало с этим классом, однако, быть может, что-то изменилось
@@design_scripts Каким-то другим образом, но справились) спасибо за видео)
проблема не в коде была)
@@natali_ah а в чем ? у меня такая же проблема. Карта не делается серой
@@design_scripts все работало нормально , а сегодня слетел код, карта стала опять цветная , что могло произойти? Изменения никакие не вносил вообще на этой странице!!!
то, что искал! круто!
А где ссылка на статью?
Код рабочий, но на мобильных версиях режим наложения не сработал. Пока не разобрался почему. Вместо режима наложения "difference" сделал "color" под свою задачу. upd. Да.. забыл сказать. Вместо класса карты, как в видосе, указал класс элемента вида .tn-elem
Привет, не разобрался как в мобильной версии сделать ?
Код перестал работать
здраствуйте , можете снять ролик на тему паттерн на весь экран
Это который шум? У тильдошной есть статья про это. Там все прекрасно расписано. Не знаю, как они отреагируют, если я буду воровать инфу с их статей)
На андроиде как покрасить
И что толку от этого видео, если оно не полноценно? Да, карту покрасил, хорошо. А как её кастомизировать-то как у тебя?
Ну, дак видео о покраске карты, а не о вставке её через api)
Это уже совсем другая история.
Таким же способом можно красить стандартную тильдовскую карту
Дизайнер со скриптами А будет видео о вставке через api и своих иконок?
@@akvatea Бегло осмотрел ютуб. Ничего такого нет, поэтому, скорее всего, будет.
За основу своей карты для теста брал код отсюда: mo-ti.ru/fivepointsmap
iconImageHref - отвечает за иконку
Напиши в вк, я отправлю готовый код :)
Замороченный способ