Karinas Dreams
Karinas Dreams
  • Видео 71
  • Просмотров 109 377
Способы вёрстки в #тильда #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 Заключение
Если ты здесь впервые.. Меня зовут Карина и я веб-дизайнер, создаю сайты на тильда.
Так же я наставник по заработку на сайтах. Если тебе нужна помощь, то смело обращайся ;)
Ещё ты меня мо...
Просмотров: 451

Видео

Настраиваем бургер меню в zero block без кода в #tilda
Просмотров 2 тыс.Год назад
Привет дорогие, с вами Карина ❤️️ В этом видео мы настроим бургер меню сделанный зеро блоке и настроим анимацию по ховеру, чтобы сделать меню более эффектным :) Буду рада обратной связи в комментариях ❤️️ Если хочешь обучаться у меня, то по всем вопросам пиши: t.me/kzuro Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут К...
Подробно разбираю сайт подписчика
Просмотров 130Год назад
Привет дорогие, с вами Карина ❤️️ В этом видео мы разберём сайт моего подписчика. Видео полезно будет посмотреть всем, потому что на чужих ошибках тоже можно учиться. Приятного просмотра! Буду рада обратной связи в комментариях ❤️️ Если ты тоже хочешь поучаствовать в разборах, то подписывайся на наш телеграмм канал и заполни анкету на канале: t.me/karinasdream Так же вступай в наш телеграмм чат...
Анимация переключения элементов | Триггерная анимация по клику #тильда #sbsанимация
Просмотров 1,6 тыс.Год назад
Привет дорогие, с вами Карина ❤️️ В этом видео мы создадим анимацию переключения элементов по клику. Очень эффектно и довольно легко реализуемо, так что усаживайся по удобнее и погружаемся в туториал :) Буду рада обратной связи в комментариях ❤️️ Вступай в наш чат поддержки в телеграм: t.me/ s6atnxUBufg5Y2M0 Будем развиваться вместе! Если ты здесь впервые.. Меня зовут Карина и я веб-дизайнер, с...
Оформляем кейс в анимирвоанный пост с помощью Jitter
Просмотров 847Год назад
Привееет! В этом видео мы оформим кейс первого экрана в анимированный пост. И кстааати, ты можешь использовать этот дизайн для своего портфолио :) Первая часть: ruclips.net/video/3V446PedSX0/видео.html Сервис, который я использовала: jitter.video/ Подробнее о тренинге можно узнать здесь: karinasdreams.tilda.ws/training Кстати!!! Меня зовут Карина, я действующий веб-дизайнер и наставник по зараб...
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
Просмотров 501Год назад
Адаптация дизайна первого экрана в #tilda | Мобильная вёрстка
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
Просмотров 557Год назад
Система, которая помогает мне выстроить стабильный поток клиентов на разработку сайта на фрилансе
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
Просмотров 355Год назад
Переносим дизайн первого экрана с #figma в #tilda | Настраиваем анимацию
Создаем дизайн первого экрана в #figma
Просмотров 235Год назад
Создаем дизайн первого экрана в #figma
Мои лайфхаки по работе с zero block в #tilda
Просмотров 259Год назад
Мои лайфхаки по работе с zero block в #tilda
Как я использую скрытые и новые функции в #tilda #zeroblock
Просмотров 332Год назад
Как я использую скрытые и новые функции в #tilda #zeroblock
Зацикленная step by step анимация для карточек в #tilda #zeroblock
Просмотров 342Год назад
Зацикленная step by step анимация для карточек в #tilda #zeroblock
Анимация проявления текста по скроллу | SBS анимация на #tilda
Просмотров 1,6 тыс.Год назад
Анимация проявления текста по скроллу | SBS анимация на #tilda
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
Просмотров 3,2 тыс.Год назад
Анимация по скроллу с фиксацией и эффектом параллакса на #tilda #тильда
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Просмотров 1,3 тыс.Год назад
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Лайфхаки по вёрстки в #тильда
Просмотров 1,1 тыс.Год назад
Лайфхаки по вёрстки в #тильда
Часто используемые стандартные блоки в TIlda Publishing
Просмотров 807Год назад
Часто используемые стандартные блоки в TIlda Publishing
Адаптивная карточка в Figma
Просмотров 4,2 тыс.2 года назад
Адаптивная карточка в Figma
Импорт дизайн макета с Figma в Tilda Publishing
Просмотров 2,1 тыс.2 года назад
Импорт дизайн макета с Figma в Tilda Publishing
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Просмотров 1,7 тыс.2 года назад
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Слайдер в zero block | Часть 3
Просмотров 2,9 тыс.2 года назад
Слайдер в zero block | Часть 3
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
Просмотров 9302 года назад
Анимация по скроллу с WOW эффектом на #тильда | Часть 2
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
Просмотров 4,8 тыс.2 года назад
Сложная анимация по скроллу с фиксацией на #tilda | Часть 1
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
Просмотров 1,5 тыс.2 года назад
Бегущая строка по скроллу | Инверсия цвета в определенной области без кода на Тильда
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
Просмотров 1,5 тыс.2 года назад
Интерактивные мини карточки товаров при нажатии на фото | Tilda Publishing
Как создать карточку товара в zero блоке без кода на #тильда
Просмотров 6 тыс.2 года назад
Как создать карточку товара в zero блоке без кода на #тильда
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
Просмотров 2,6 тыс.2 года назад
Как создать карточки товаров в слайдере без кода в zero блоке на #тильда
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
Просмотров 4,1 тыс.2 года назад
Создаем карточки товаров для интернет-магазина в zero block на #тильда | Анимация бегущей строки
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
Просмотров 1,5 тыс.2 года назад
Анимация карточек товара по скроллу | Анимация кнопки по hover на #тильда
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов
Просмотров 2,1 тыс.2 года назад
Создаем Mesh gradient используя только Tilda и анимируем его | Tilda конструктор сайтов

Комментарии

  • @qamiel
    @qamiel 23 дня назад

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

  • @Redfal
    @Redfal 25 дней назад

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

  • @3987030
    @3987030 28 дней назад

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

  • @PRIDE-MARKETING
    @PRIDE-MARKETING 2 месяца назад

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

  • @ОльгаСкребец-ь9т
    @ОльгаСкребец-ь9т 2 месяца назад

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

  • @car_sketch_and_render
    @car_sketch_and_render 3 месяца назад

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

    • @KarinasDreams
      @KarinasDreams 3 месяца назад

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

    • @car_sketch_and_render
      @car_sketch_and_render 2 месяца назад

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

    • @car_sketch_and_render
      @car_sketch_and_render 2 месяца назад

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

  • @Devushka.Z
    @Devushka.Z 3 месяца назад

    👏 спасибо

  • @kkkharitonova
    @kkkharitonova 3 месяца назад

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

  • @grigorypimenov1040
    @grigorypimenov1040 3 месяца назад

    спасибо!

  • @nessie6949
    @nessie6949 4 месяца назад

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

  • @melnichuk_a
    @melnichuk_a 4 месяца назад

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

    • @KarinasDreams
      @KarinasDreams 4 месяца назад

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

  • @English_songs_and_movies
    @English_songs_and_movies 5 месяцев назад

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

  • @ТатьянаЛарионова-ъ1д
    @ТатьянаЛарионова-ъ1д 5 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 5 месяцев назад

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

  • @ТатьянаЛарионова-ъ1д
    @ТатьянаЛарионова-ъ1д 5 месяцев назад

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

  • @lapaixwear6538
    @lapaixwear6538 5 месяцев назад

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

  • @Адлина1223
    @Адлина1223 5 месяцев назад

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

  • @ЭВРИКА-х4п
    @ЭВРИКА-х4п 5 месяцев назад

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

  • @ИванФоркош-ы2я
    @ИванФоркош-ы2я 5 месяцев назад

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

  • @h3lladreams
    @h3lladreams 6 месяцев назад

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

  • @arty4721
    @arty4721 6 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 5 месяцев назад

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

    • @arty4721
      @arty4721 5 месяцев назад

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

  • @helen-dada
    @helen-dada 6 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 5 месяцев назад

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

  • @hutinpuylo742
    @hutinpuylo742 6 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 5 месяцев назад

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

  • @kate_kubieva
    @kate_kubieva 6 месяцев назад

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

  • @thedikoy5274
    @thedikoy5274 7 месяцев назад

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

  • @Akram-y4e
    @Akram-y4e 7 месяцев назад

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

  • @lettaluck
    @lettaluck 8 месяцев назад

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

  • @MsMelonWater
    @MsMelonWater 8 месяцев назад

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

  • @MsMelonWater
    @MsMelonWater 8 месяцев назад

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

  • @Наталия-к9ш
    @Наталия-к9ш 8 месяцев назад

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

  • @-Shutnik-
    @-Shutnik- 8 месяцев назад

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

  • @Александр-п9с5л
    @Александр-п9с5л 8 месяцев назад

    Что за шрифт?

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

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

    • @KarinasDreams
      @KarinasDreams 9 месяцев назад

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

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

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

  • @ДанилЛиманский
    @ДанилЛиманский 9 месяцев назад

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

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 9 месяцев назад

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

  • @tertatmir
    @tertatmir 9 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 9 месяцев назад

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

    • @tertatmir
      @tertatmir 9 месяцев назад

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

  • @Su.917
    @Su.917 10 месяцев назад

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

  • @kkkaterrrr
    @kkkaterrrr 11 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 11 месяцев назад

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

    • @kkkaterrrr
      @kkkaterrrr 11 месяцев назад

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

  • @azatich7
    @azatich7 11 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 11 месяцев назад

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

  • @havatari7231
    @havatari7231 11 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 11 месяцев назад

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

  • @havatari7231
    @havatari7231 11 месяцев назад

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

    • @KarinasDreams
      @KarinasDreams 11 месяцев назад

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

  • @МарияЯхина-е6б
    @МарияЯхина-е6б 11 месяцев назад

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

  • @maiafreiaphotography5353
    @maiafreiaphotography5353 Год назад

    Spasibo!!! Autoscale please!!!

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

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

  • @sportdelivery3915
    @sportdelivery3915 Год назад

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

  • @Ekaterina-web
    @Ekaterina-web Год назад

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

  • @artemkholodovskyi7679
    @artemkholodovskyi7679 Год назад

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

    • @KarinasDreams
      @KarinasDreams Год назад

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

  • @bddagger
    @bddagger Год назад

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

    • @KarinasDreams
      @KarinasDreams Год назад

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

  • @bddagger
    @bddagger Год назад

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

    • @KarinasDreams
      @KarinasDreams Год назад

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

    • @bddagger
      @bddagger Год назад

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

  • @kvest-klad
    @kvest-klad Год назад

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