Karinas Dreams
Karinas Dreams
  • 71
  • 100 459
Способы вёрстки в #тильда #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
มุมมอง: 405

วีดีโอ

Настраиваем бургер меню в zero block без кода в #tilda
มุมมอง 1.3K9 หลายเดือนก่อน
Привет дорогие, с вами Карина ❤️️ В этом видео мы настроим бургер меню сделанный зеро блоке и настроим анимацию по ховеру, чтобы сделать меню более эффектным :) Буду рада обратной связи в комментариях ❤️️ Если хочешь обучаться у меня, то по всем вопросам пиши: t.me/kzuro Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут К...
Подробно разбираю сайт подписчика
มุมมอง 1229 หลายเดือนก่อน
Привет дорогие, с вами Карина ❤️️ В этом видео мы разберём сайт моего подписчика. Видео полезно будет посмотреть всем, потому что на чужих ошибках тоже можно учиться. Приятного просмотра! Буду рада обратной связи в комментариях ❤️️ Если ты тоже хочешь поучаствовать в разборах, то подписывайся на наш телеграмм канал и заполни анкету на канале: t.me/karinasdream Так же вступай в наш телеграмм чат...
Анимация переключения элементов | Триггерная анимация по клику #тильда #sbsанимация
มุมมอง 1.3K9 หลายเดือนก่อน
Привет дорогие, с вами Карина ❤️️ В этом видео мы создадим анимацию переключения элементов по клику. Очень эффектно и довольно легко реализуемо, так что усаживайся по удобнее и погружаемся в туториал :) Буду рада обратной связи в комментариях ❤️️ Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут Карина и я веб-дизайнер, с...
Оформляем кейс в анимирвоанный пост с помощью Jitter
มุมมอง 66611 หลายเดือนก่อน
Привееет! В этом видео мы оформим кейс первого экрана в анимированный пост. И кстааати, ты можешь использовать этот дизайн для своего портфолио :) Первая часть: th-cam.com/video/3V446PedSX0/w-d-xo.html Сервис, который я использовала: jitter.video/ Подробнее о тренинге можно узнать здесь: karinasdreams.tilda.ws/training Кстати!!! Меня зовут Карина, я действующий веб-дизайнер и наставник по зараб...
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
มุมมอง 34111 หลายเดือนก่อน
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
มุมมอง 503ปีที่แล้ว
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
มุมมอง 327ปีที่แล้ว
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
Создаем дизайн первого экрана в #figma
มุมมอง 225ปีที่แล้ว
Создаем дизайн первого экрана в #figma
Мои лайфхаки по работе с zero block в #tilda
มุมมอง 241ปีที่แล้ว
Мои лайфхаки по работе с zero block в #tilda
Как я использую скрытые и новые функции в #tilda #zeroblock
มุมมอง 313ปีที่แล้ว
Как я использую скрытые и новые функции в #tilda #zeroblock
Зацикленная step by step анимация для карточек в #tilda #zeroblock
มุมมอง 312ปีที่แล้ว
Зацикленная step by step анимация для карточек в #tilda #zeroblock
Анимация проявления текста по скроллу | SBS анимация на #tilda
มุมมอง 1.3Kปีที่แล้ว
Анимация проявления текста по скроллу | SBS анимация на #tilda
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
มุมมอง 2.8Kปีที่แล้ว
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
มุมมอง 1.1Kปีที่แล้ว
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Лайфхаки по вёрстки в #тильда
มุมมอง 1.1Kปีที่แล้ว
Лайфхаки по вёрстки в #тильда
Часто используемые стандартные блоки в TIlda Publishing
มุมมอง 736ปีที่แล้ว
Часто используемые стандартные блоки в TIlda Publishing
Адаптивная карточка в Figma
มุมมอง 3.8Kปีที่แล้ว
Адаптивная карточка в Figma
Импорт дизайн макета с Figma в Tilda Publishing
มุมมอง 2Kปีที่แล้ว
Импорт дизайн макета с Figma в Tilda Publishing
Триггерная анимация текста и фото по клику на #tilda | Часть 4
มุมมอง 1.6K2 ปีที่แล้ว
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Слайдер в zero block | Часть 3
มุมมอง 2.7K2 ปีที่แล้ว
Слайдер в zero block | Часть 3
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
มุมมอง 8962 ปีที่แล้ว
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
มุมมอง 4.3K2 ปีที่แล้ว
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
มุมมอง 1.4K2 ปีที่แล้ว
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
มุมมอง 1.4K2 ปีที่แล้ว
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
Как создать карточку товара в zero блоке без кода на #тильда
มุมมอง 6K2 ปีที่แล้ว
Как создать карточку товара в zero блоке без кода на #тильда
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
มุมมอง 2.5K2 ปีที่แล้ว
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
มุมมอง 3.9K2 ปีที่แล้ว
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
มุมมอง 1.4K2 ปีที่แล้ว
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов
มุมมอง 2K2 ปีที่แล้ว
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов

ความคิดเห็น

  • @nessie6949
    @nessie6949 18 วันที่ผ่านมา

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

  • @melnichuk_a
    @melnichuk_a หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 28 วันที่ผ่านมา

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

  • @English_songs_and_movies
    @English_songs_and_movies หลายเดือนก่อน

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

  • @user-ub8zo7ft8i
    @user-ub8zo7ft8i หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams หลายเดือนก่อน

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

  • @user-ub8zo7ft8i
    @user-ub8zo7ft8i หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams หลายเดือนก่อน

      Благодарю ❤️

  • @lapaixwear6538
    @lapaixwear6538 หลายเดือนก่อน

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

  • @user-qy6uf7cj5b
    @user-qy6uf7cj5b หลายเดือนก่อน

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

  • @user-le9dg2ii3h
    @user-le9dg2ii3h หลายเดือนก่อน

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

  • @user-pt6wz2cg8g
    @user-pt6wz2cg8g 2 หลายเดือนก่อน

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

  • @h3lladreams
    @h3lladreams 2 หลายเดือนก่อน

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

  • @arty4721
    @arty4721 2 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 2 หลายเดือนก่อน

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

    • @arty4721
      @arty4721 2 หลายเดือนก่อน

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

  • @helen-dada
    @helen-dada 2 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 2 หลายเดือนก่อน

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

  • @hutinpuylo742
    @hutinpuylo742 2 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 2 หลายเดือนก่อน

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

  • @kate_kubieva
    @kate_kubieva 2 หลายเดือนก่อน

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

  • @thedikoy5274
    @thedikoy5274 3 หลายเดือนก่อน

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

  • @user-jf7sl5bh4d
    @user-jf7sl5bh4d 3 หลายเดือนก่อน

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

  • @lettaluck
    @lettaluck 4 หลายเดือนก่อน

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

  • @MsMelonWater
    @MsMelonWater 4 หลายเดือนก่อน

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

  • @MsMelonWater
    @MsMelonWater 4 หลายเดือนก่อน

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

  • @user-yc3tn6dt7e
    @user-yc3tn6dt7e 4 หลายเดือนก่อน

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

  • @-Shutnik-
    @-Shutnik- 5 หลายเดือนก่อน

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

  • @user-sf6pr9es9v
    @user-sf6pr9es9v 5 หลายเดือนก่อน

    Что за шрифт?

  • @user-pd8cu7iz7i
    @user-pd8cu7iz7i 5 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 5 หลายเดือนก่อน

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

  • @user-pd8cu7iz7i
    @user-pd8cu7iz7i 5 หลายเดือนก่อน

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

  • @user-pj1pt6yv4w
    @user-pj1pt6yv4w 5 หลายเดือนก่อน

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

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 6 หลายเดือนก่อน

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

  • @tertatmir
    @tertatmir 6 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 6 หลายเดือนก่อน

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

    • @tertatmir
      @tertatmir 6 หลายเดือนก่อน

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

  • @Su.917
    @Su.917 6 หลายเดือนก่อน

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

  • @user-fh5wh4mo7n
    @user-fh5wh4mo7n 7 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 7 หลายเดือนก่อน

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

    • @user-fh5wh4mo7n
      @user-fh5wh4mo7n 7 หลายเดือนก่อน

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

  • @azatich7
    @azatich7 7 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 7 หลายเดือนก่อน

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

  • @havatari7231
    @havatari7231 7 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 7 หลายเดือนก่อน

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

  • @havatari7231
    @havatari7231 7 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 7 หลายเดือนก่อน

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

  • @user-bf2by8dy5i
    @user-bf2by8dy5i 8 หลายเดือนก่อน

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

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 8 หลายเดือนก่อน

    Spasibo!!! Autoscale please!!!

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

      Услышано 😉

  • @user-oq2vo7dv5s
    @user-oq2vo7dv5s 8 หลายเดือนก่อน

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

  • @sportdelivery3915
    @sportdelivery3915 8 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

      Благодарю 🫶

  • @Ekaterina-web
    @Ekaterina-web 8 หลายเดือนก่อน

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

  • @artemkholodovskyi7679
    @artemkholodovskyi7679 8 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

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

  • @bddagger
    @bddagger 8 หลายเดือนก่อน

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

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

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

  • @bddagger
    @bddagger 8 หลายเดือนก่อน

    Супер! Только как сделать все то же самое, только чтобы фиксация была снизу страницы, а не сверху?

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

      С новым обновлением тильды это теперь возможно и без кода. В настройках зеро блока выбираешь Position ➡️ Fixed ➡️ On Windows bottom

    • @bddagger
      @bddagger 8 หลายเดือนก่อน

      @@KarinasDreams супер! Не знал! Спасибо, обязательно попробую!

  • @kvest-klad
    @kvest-klad 8 หลายเดือนก่อน

    Спасибо круто полезно

    • @KarinasDreams
      @KarinasDreams 8 หลายเดือนก่อน

      Спасибо 🫶

  • @Ekaterina-web
    @Ekaterina-web 9 หลายเดือนก่อน

    Карина привет. Нравятся твои видео, очень все хорошо объясняешь, молодец) Буду очень признательна, если расскажешь поподробнее об window, crid, scale crid. Сколько пытаюсь внедрить, не получается ( Заранее спасибо)

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      Привет 👋 Спасибо за обратную связь 🤍 Очень приятно! 🫶 Думаю вскоре сделаю видео в котором расскажу об этих способах вёрстки

    • @Ekaterina-web
      @Ekaterina-web 9 หลายเดือนก่อน

      @@KarinasDreams спасибо большое ❤

  • @user-bl7pf4iu2w
    @user-bl7pf4iu2w 9 หลายเดือนก่อน

    Карина, спасибо за ролик! У меня возникли сложности. Мне нужно фон зафиксировать и чтобы в рамках одного блока двигались картинки с текстом 3 подряд, как у тебя закругленные шейпы. Но не получается по видео сделать так, как у тебя. Первая картинка стоит, остальные начинают двигаться и сползать на следующий блок. Что я делаю не так?(

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      Какой процент параллакса ты ставила?

    • @user-bl7pf4iu2w
      @user-bl7pf4iu2w 9 หลายเดือนก่อน

      100%, высота блока 700px. @@KarinasDreams

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      @@user-bl7pf4iu2w Если анимация параллакса стоит 100% значит элемент будет двигаться вместе со сколлом (то есть анимация не будет видна). Если хочешь чтобы элементы двигались быстрее чем скроллишь, тогда нужно ставить значение больше 100%, если хочешь чтобы элемент тормозил, то меньше

  • @webuxui888
    @webuxui888 9 หลายเดือนก่อน

    Привет. Полезный контент делаешь. Спасибо. Услышал у тебя небольшой акцент и увидел в IG что ты с Риги, Латвия. Я тоже. Много местных делают дизайны через Tilda, и на какой рынок работаешь: EU или СНГ?)

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      Теперь больше на EU, а ты?

    • @webuxui888
      @webuxui888 9 หลายเดือนก่อน

      Я свой путь только начал. Месяца 2 назад. Делал двум знакомым для их компаний в Латвии. @@KarinasDreams

  • @winter5rp
    @winter5rp 9 หลายเดือนก่อน

    Как шрифт называется?

  • @Ghvgh-yk9hh
    @Ghvgh-yk9hh 9 หลายเดือนก่อน

    Ты что простудилась😂

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      Бывает )

  • @boykodmitriy
    @boykodmitriy 9 หลายเดือนก่อน

    Спасибо за видео. Попробуй векторному слою задавать имя image, и тогда вектор как обычная картинка будет экспортироваться в тильду. Перед этим вектор можно свести кнтр+шифт+о.

    • @KarinasDreams
      @KarinasDreams 9 หลายเดือนก่อน

      Привет! Спасибо, я такое уже протестила и тогда он из вектора делал мне растровый файл что мне не подходит

  • @user-xl5om9vb1j
    @user-xl5om9vb1j 10 หลายเดือนก่อน

    Спасибо. Очень полезно

  • @miadela-decor
    @miadela-decor 10 หลายเดือนก่อน

    по голосу буд-то под винцом видео записано

  • @RomanShtefura
    @RomanShtefura 11 หลายเดือนก่อน

    У меня есть новое любимое слово «четвероугольник». Ты очень мило разговариваешь 😂