Karinas Dreams
Karinas Dreams
  • 71
  • 113 963
Способы вёрстки в #тильда #zero block
Привет дорогие, с вами Карина ❤️️
В этом видео мы разберём 3 способа вёрстки в тильда - через grid container, windows container и autoscale :)
Буду рада обратной связи в комментариях ❤️️
Если хочешь обучаться у меня, то по всем вопросам пиши:
t.me/kzuro
Вступай в наш чат поддержки в телеграм:
t.me/+s6atnxUBufg5Y2M0
Будем развиваться вместе!
Таймкоды:
00:00 Вступление
1:01 Чем отличаются способы
2:51 Grid container
3:35 Autoscale
5:29 Windows container
7:56 Верстаем блок в windows container
20:10 Лайфхаки
24:08 Заключение
Если ты здесь впервые.. Меня зовут Карина и я веб-дизайнер, создаю сайты на тильда.
Так же я наставник по заработку на сайтах. Если тебе нужна помощь, то смело обращайся ;)
Ещё ты меня можешь найти:
karinasdreams
Моё портфолио:
webdeskarina.tilda.ws
Для дизайнеров:
webdeskarina.tilda.ws/fordesigners
#tilda #zeroblock
Переглядів: 473

Відео

Настраиваем бургер меню в zero block без кода в #tilda
Переглядів 2,4 тис.Рік тому
Привет дорогие, с вами Карина ❤️️ В этом видео мы настроим бургер меню сделанный зеро блоке и настроим анимацию по ховеру, чтобы сделать меню более эффектным :) Буду рада обратной связи в комментариях ❤️️ Если хочешь обучаться у меня, то по всем вопросам пиши: t.me/kzuro Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут К...
Подробно разбираю сайт подписчика
Переглядів 132Рік тому
Привет дорогие, с вами Карина ❤️️ В этом видео мы разберём сайт моего подписчика. Видео полезно будет посмотреть всем, потому что на чужих ошибках тоже можно учиться. Приятного просмотра! Буду рада обратной связи в комментариях ❤️️ Если ты тоже хочешь поучаствовать в разборах, то подписывайся на наш телеграмм канал и заполни анкету на канале: t.me/karinasdream Так же вступай в наш телеграмм чат...
Анимация переключения элементов | Триггерная анимация по клику #тильда #sbsанимация
Переглядів 1,8 тис.Рік тому
Привет дорогие, с вами Карина ❤️️ В этом видео мы создадим анимацию переключения элементов по клику. Очень эффектно и довольно легко реализуемо, так что усаживайся по удобнее и погружаемся в туториал :) Буду рада обратной связи в комментариях ❤️️ Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут Карина и я веб-дизайнер, с...
Оформляем кейс в анимирвоанный пост с помощью Jitter
Переглядів 955Рік тому
Привееет! В этом видео мы оформим кейс первого экрана в анимированный пост. И кстааати, ты можешь использовать этот дизайн для своего портфолио :) Первая часть: ua-cam.com/video/3V446PedSX0/v-deo.html Сервис, который я использовала: jitter.video/ Подробнее о тренинге можно узнать здесь: karinasdreams.tilda.ws/training Кстати!!! Меня зовут Карина, я действующий веб-дизайнер и наставник по зарабо...
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
Переглядів 585Рік тому
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
Переглядів 584Рік тому
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
Переглядів 373Рік тому
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
Создаем дизайн первого экрана в #figma
Переглядів 236Рік тому
Создаем дизайн первого экрана в #figma
Мои лайфхаки по работе с zero block в #tilda
Переглядів 268Рік тому
Мои лайфхаки по работе с zero block в #tilda
Как я использую скрытые и новые функции в #tilda #zeroblock
Переглядів 335Рік тому
Как я использую скрытые и новые функции в #tilda #zeroblock
Зацикленная step by step анимация для карточек в #tilda #zeroblock
Переглядів 375Рік тому
Зацикленная step by step анимация для карточек в #tilda #zeroblock
Анимация проявления текста по скроллу | SBS анимация на #tilda
Переглядів 1,7 тис.Рік тому
Анимация проявления текста по скроллу | SBS анимация на #tilda
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
Переглядів 3,4 тис.Рік тому
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Переглядів 1,5 тис.2 роки тому
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Лайфхаки по вёрстки в #тильда
Переглядів 1,1 тис.2 роки тому
Лайфхаки по вёрстки в #тильда
Часто используемые стандартные блоки в TIlda Publishing
Переглядів 8632 роки тому
Часто используемые стандартные блоки в TIlda Publishing
Адаптивная карточка в Figma
Переглядів 4,3 тис.2 роки тому
Адаптивная карточка в Figma
Импорт дизайн макета с Figma в Tilda Publishing
Переглядів 2,1 тис.2 роки тому
Импорт дизайн макета с Figma в Tilda Publishing
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Переглядів 1,8 тис.2 роки тому
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Слайдер в zero block | Часть 3
Переглядів 3 тис.2 роки тому
Слайдер в zero block | Часть 3
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
Переглядів 9462 роки тому
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
Переглядів 5 тис.2 роки тому
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
Переглядів 1,5 тис.2 роки тому
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
Переглядів 1,6 тис.2 роки тому
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
Как создать карточку товара в zero блоке без кода на #тильда
Переглядів 6 тис.2 роки тому
Как создать карточку товара в zero блоке без кода на #тильда
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
Переглядів 2,7 тис.2 роки тому
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
Переглядів 4,3 тис.2 роки тому
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
Переглядів 1,6 тис.2 роки тому
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов
Переглядів 2,2 тис.2 роки тому
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов

КОМЕНТАРІ

  • @Константин-е5в6л
    @Константин-е5в6л 7 днів тому

    А что с голосом? Зачем его так ломать то.

  • @iulianna_webdesign
    @iulianna_webdesign Місяць тому

    Все добавляется, но без картинок. Подскажите пожалуйста, какую ссылку прописать для изображений, чтобы корректно отображались в избранном и корзине?

  • @qamiel
    @qamiel 2 місяці тому

    почему-то дергается все равно в конце(

  • @Redfal
    @Redfal 3 місяці тому

    как понять какую сетку нужно настроить под каждый девайс?

  • @3987030
    @3987030 3 місяці тому

    Спасибо большое! Очень помогло

  • @PRIDE-MARKETING
    @PRIDE-MARKETING 4 місяці тому

    Подскажи, а как сделать, такое полукруглое меню?)

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т 5 місяців тому

    Карина, здравствуйте) использую многие ваши инструкции, подскажите, пожалуйста, как в блоке st200 (карточка товара) поменять размер кнопки?

  • @car_sketch_and_render
    @car_sketch_and_render 5 місяців тому

    Спасибо! А как сделать переходи в поп ап на нужный блок если это Лэндинг?

    • @KarinasDreams
      @KarinasDreams 5 місяців тому

      Через блок Якорная ссылка

    • @car_sketch_and_render
      @car_sketch_and_render 5 місяців тому

      @@KarinasDreams блин у меня весь лендинг в одном блоке сделан, через zero block. Для Пк версии ссылки работают через #, а вот через поп ап не работают. Случайно не знаете как решить эту задачу?

    • @car_sketch_and_render
      @car_sketch_and_render 5 місяців тому

      @@KarinasDreams все сделал, по другому

  • @Devushka.Z
    @Devushka.Z 5 місяців тому

    👏 спасибо

  • @kkkharitonova
    @kkkharitonova 5 місяців тому

    Я попробовала добавить ссылку товара с другой страницы сайта, она открывает попап, но при его закрытии переносит с главной страницы на техническую страницу с товарами. Не знаю, как это исправить, чтобы только попап открывался и при закрытии оставался на главной

  • @grigorypimenov1040
    @grigorypimenov1040 5 місяців тому

    спасибо!

  • @nessie6949
    @nessie6949 6 місяців тому

    Спасибо за видео Очень нужен урок по автоскейлу !

  • @melnichuk_a
    @melnichuk_a 6 місяців тому

    Текст в ПК версии очень большой. Мне приходится делать размер меньше. Когда я меняю в мобильной версии размер шрифта с 40 на 30 - он уменьшается на остальных полях. Как сделать размер шрифтов отдельным для каждой страницы?

    • @KarinasDreams
      @KarinasDreams 6 місяців тому

      Размер шрифта для каждой версии можно настроить нажав на необходимую версию, нажав на текст и справа в настройках можно настроить необходимый размер шрифта

  • @English_songs_and_movies
    @English_songs_and_movies 7 місяців тому

    Коменты как всегда… люди скажите как вам вообще живется со своей гнилью внутри 😂бедняжки 🤣

  • @ТатьянаЛарионова-ъ1д
    @ТатьянаЛарионова-ъ1д 7 місяців тому

    Подскажите, бегущая строка только для десктоп версии работает, в мобильной версии этот эффект не поддерживается на Тильде? У меня по крайней мере так )

    • @KarinasDreams
      @KarinasDreams 7 місяців тому

      Добрый день! Работает так же на мобильной версии, если включить анимацию на мобильных устройствах)

  • @ТатьянаЛарионова-ъ1д
    @ТатьянаЛарионова-ъ1д 7 місяців тому

    Мучилась с размерами по линии X, подгоняла текст ( у меня слова разные и размер слов разный в бегущей строке), было дергание экрана, не получалось состыковать слова. И только посмотрев это видео, дошло как сделать! Через фигму довольно адекватно получается ) Спасибо огромное, видео полезное!

  • @lapaixwear6538
    @lapaixwear6538 7 місяців тому

    а страницу с поп-ап куда девать?

  • @Анонимн198
    @Анонимн198 7 місяців тому

    спасибо тебе большое, все четко понятно! искала как сделать кастомное меню

  • @ЭВРИКА-х4п
    @ЭВРИКА-х4п 7 місяців тому

    а как теперь сделать плавный переход между блоками

  • @ИванФоркош-ы2я
    @ИванФоркош-ы2я 8 місяців тому

    офигенно! спасибо большое, подписка!!

  • @h3lladreams
    @h3lladreams 8 місяців тому

    Спасибо, все просто и доступно)

  • @arty4721
    @arty4721 8 місяців тому

    Нарисовать понятно как, а как сделать рабочими иконки добавления в корзину и в избранное? Про это ни слова

    • @KarinasDreams
      @KarinasDreams 8 місяців тому

      Потому что это видео не про это)

    • @arty4721
      @arty4721 8 місяців тому

      @@KarinasDreams «так же здесь можно добавить товар в избранное, можно добавить товары в корзину». Как уж не про это?)) Если не умеете с тильдой работать, то лучше не записывайте обучающих видео))

  • @helen-dada
    @helen-dada 8 місяців тому

    а обещали ссылку в описании, а нету

    • @KarinasDreams
      @KarinasDreams 8 місяців тому

      Извиняюсь, упустила этот момент. Добавила)

  • @hutinpuylo742
    @hutinpuylo742 8 місяців тому

    Такие кнопки отвлекают от основной кнопки Целевого действия. С другой стороны если визуальный мусор на лендинге нравится заказчику, почему бы и да...

    • @KarinasDreams
      @KarinasDreams 8 місяців тому

      Видео о том, чтобы пункты меню не делать кнопками, а о том, что можно использовать элемент кнопки в тильда для пункта меню, чтобы была анимация по ховеру

  • @kate_kubieva
    @kate_kubieva 8 місяців тому

    привет! Спасибо за полезное видео. У меня почему -то не получается добавить его в свой проект. Мне кажется проблема в ссылку с дропбокса, у меня вместо /s идет scl/fi/, можете пожалуйста подсказать как это исправить или в чем может быть проблема?

  • @thedikoy5274
    @thedikoy5274 9 місяців тому

    ебать противный голос

  • @Akram-y4e
    @Akram-y4e 9 місяців тому

    Кнопка лучше влияет на seo. Ржали всем отделом Спасибо за хорошее настроение 👍

  • @lettaluck
    @lettaluck 10 місяців тому

    Seo офигеет от количества кнопок и уйдёт покурить 😅

  • @MsMelonWater
    @MsMelonWater 10 місяців тому

    это просто лучший канал по фигме и тильде

  • @MsMelonWater
    @MsMelonWater 10 місяців тому

    ну наконец нормальная информация про фиксацию при скролле!! все понятно, спасибо

  • @Наталия-к9ш
    @Наталия-к9ш 10 місяців тому

    Жду автоскейл🥰спасибо!!

  • @-Shutnik-
    @-Shutnik- 11 місяців тому

    Может ты и хорошо знаешь Тильду и фигму, но для озвучки нужно подобрать что-то, аж слух режет, без обид.😉

  • @Александр-п9с5л
    @Александр-п9с5л 11 місяців тому

    Что за шрифт?

  • @геннадийСкуратовский-м1б

    Подскажите, я могу создать только мобильную сайта в зеро блоке?

    • @KarinasDreams
      @KarinasDreams 11 місяців тому

      В зеро блоке можно почти все)

  • @геннадийСкуратовский-м1б

    Подскажите, а с фото такое можно проделать? Чтобы была бегущая строка с разными фотографиями ))))

  • @ДанилЛиманский
    @ДанилЛиманский 11 місяців тому

    Привет! Подскажи, как скрывать "ЗАКРЕПЛЕННОЕ" меню при раскрытии поп апа?

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 11 місяців тому

    Пожалуйста больше уроков!!!!

  • @tertatmir
    @tertatmir Рік тому

    Спасибо за урок. Сделала, всё получилось отлично, но в мобильной версии, к сожалению, не работает. Поэтому сделала по-другому, применила pop-up. Или можно в мобильной это сделать? Обычно сижу, ковыряюсь, пытаюсь сама найти ответ, но решила спросить в этот раз.

    • @KarinasDreams
      @KarinasDreams Рік тому

      Анимацию в мобильной версии тоже можно включить и применить

    • @tertatmir
      @tertatmir Рік тому

      @@KarinasDreams спасибо за ответ. Да, я знаю, что можно, но здесь почему-то не смогла.

  • @Su.917
    @Su.917 Рік тому

    Ооо, открытие! На скорости 1,5 нормально становится

  • @kkkaterrrr
    @kkkaterrrr Рік тому

    Привет) а можно сделать видео скролла карточек по кругу? Если такое возможно

    • @KarinasDreams
      @KarinasDreams Рік тому

      Привет 👋 Ты имеешь ввиду, что при скролле карточки идут по кругу и фиксируются?

    • @kkkaterrrr
      @kkkaterrrr Рік тому

      Не совсем) что-то типо галереи, но по кругу

  • @azatich7
    @azatich7 Рік тому

    Как можно сделать так чтобы при нажатии на иконки, поменялись другие обьекты, точнее задний фон обьекты другой страницы

    • @KarinasDreams
      @KarinasDreams Рік тому

      Используй анимацию по клику и настройки прозрачности в ней

  • @havatari7231
    @havatari7231 Рік тому

    Привет . А как сделать фоту оплаты ?)

    • @KarinasDreams
      @KarinasDreams Рік тому

      Привет 👋 Не очень понимаю, что фота оплаты?

  • @havatari7231
    @havatari7231 Рік тому

    А сколько стоить будет сделать простенький интернет магазин на тильде ?

    • @KarinasDreams
      @KarinasDreams Рік тому

      Ты спрашиваешь как дизайнер или как потенциальный клиент?😅

  • @МарияЯхина-е6б

    Лайк за отступы :D Спасибо!

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 Рік тому

    Spasibo!!! Autoscale please!!!

  • @ПолинаКосмачёва-ъ3щ

    А как вы корзину и избранное в меню добавили? Через модификатор?

  • @sportdelivery3915
    @sportdelivery3915 Рік тому

    Большое спасибо! Очень хорошее видео

  • @Ekaterina-web
    @Ekaterina-web Рік тому

    Спасибо большое за разбор)

  • @artemkholodovskyi7679
    @artemkholodovskyi7679 Рік тому

    как будет выглядеть в мобильной версии?

    • @KarinasDreams
      @KarinasDreams Рік тому

      Там тогда лучше фиксацию убрать, а фото сделать в галерее или в ряд и включить overflow - auto

  • @bddagger
    @bddagger Рік тому

    Спасибо! Однозначно подписка! А как сделать свою такую же плашку с бургер меню, но только чтобы открывалось не как поп-ап, а просто раскрытием списка пунктов меню вниз из этой кнопки "Каталог"?

    • @KarinasDreams
      @KarinasDreams Рік тому

      Привет! Благодарю 🫶 Можно воспользоваться блоком - Меню, второй уровень или же использовать этот же прием с popup окном, только сделать его меньше и чтобы появлялся по ховер. Если не получится, то тогда можно найти код и сделать уже с модификацией