![Karinas Dreams](/img/default-banner.jpg)
- 71
- 100 459
Karinas Dreams
เข้าร่วมเมื่อ 19 มิ.ย. 2015
Привет! Меня зовут Карина и я действующий веб-дизайнер и наставник по заработку на фрилансе. Здесь я делюсь знаниями и опытом из мира дизайна и фриланса.
Тренинг по заработку на сайтах karinasdreams.tilda.ws
Мой сайт портфолио webdeskarina.tilda.ws
Мой Instagram karinasdreams
Тренинг по заработку на сайтах karinasdreams.tilda.ws
Мой сайт портфолио webdeskarina.tilda.ws
Мой Instagram karinasdreams
Способы вёрстки в #тильда #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
В этом видео мы разберём 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 | Настраиваем анимацию
Мои лайфхаки по работе с 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ปีที่แล้ว
Как создать сайт в светлой и тёмной версии с переключателем и без кода на #тильда
Часто используемые стандартные блоки в TIlda Publishing
มุมมอง 736ปีที่แล้ว
Часто используемые стандартные блоки в TIlda Publishing
Импорт дизайн макета с Figma в Tilda Publishing
มุมมอง 2Kปีที่แล้ว
Импорт дизайн макета с Figma в Tilda Publishing
Триггерная анимация текста и фото по клику на #tilda | Часть 4
มุมมอง 1.6K2 ปีที่แล้ว
Триггерная анимация текста и фото по клику на #tilda | Часть 4
Анимация по скроллу с 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 конструктор сайтов
Спасибо за видео Очень нужен урок по автоскейлу !
Текст в ПК версии очень большой. Мне приходится делать размер меньше. Когда я меняю в мобильной версии размер шрифта с 40 на 30 - он уменьшается на остальных полях. Как сделать размер шрифтов отдельным для каждой страницы?
Размер шрифта для каждой версии можно настроить нажав на необходимую версию, нажав на текст и справа в настройках можно настроить необходимый размер шрифта
Коменты как всегда… люди скажите как вам вообще живется со своей гнилью внутри 😂бедняжки 🤣
Подскажите, бегущая строка только для десктоп версии работает, в мобильной версии этот эффект не поддерживается на Тильде? У меня по крайней мере так )
Добрый день! Работает так же на мобильной версии, если включить анимацию на мобильных устройствах)
Мучилась с размерами по линии X, подгоняла текст ( у меня слова разные и размер слов разный в бегущей строке), было дергание экрана, не получалось состыковать слова. И только посмотрев это видео, дошло как сделать! Через фигму довольно адекватно получается ) Спасибо огромное, видео полезное!
Благодарю ❤️
а страницу с поп-ап куда девать?
спасибо тебе большое, все четко понятно! искала как сделать кастомное меню
а как теперь сделать плавный переход между блоками
офигенно! спасибо большое, подписка!!
Спасибо, все просто и доступно)
Нарисовать понятно как, а как сделать рабочими иконки добавления в корзину и в избранное? Про это ни слова
Потому что это видео не про это)
@@KarinasDreams «так же здесь можно добавить товар в избранное, можно добавить товары в корзину». Как уж не про это?)) Если не умеете с тильдой работать, то лучше не записывайте обучающих видео))
а обещали ссылку в описании, а нету
Извиняюсь, упустила этот момент. Добавила)
Такие кнопки отвлекают от основной кнопки Целевого действия. С другой стороны если визуальный мусор на лендинге нравится заказчику, почему бы и да...
Видео о том, чтобы пункты меню не делать кнопками, а о том, что можно использовать элемент кнопки в тильда для пункта меню, чтобы была анимация по ховеру
привет! Спасибо за полезное видео. У меня почему -то не получается добавить его в свой проект. Мне кажется проблема в ссылку с дропбокса, у меня вместо /s идет scl/fi/, можете пожалуйста подсказать как это исправить или в чем может быть проблема?
ебать противный голос
Кнопка лучше влияет на seo. Ржали всем отделом Спасибо за хорошее настроение 👍
Seo офигеет от количества кнопок и уйдёт покурить 😅
это просто лучший канал по фигме и тильде
ну наконец нормальная информация про фиксацию при скролле!! все понятно, спасибо
Жду автоскейл🥰спасибо!!
Может ты и хорошо знаешь Тильду и фигму, но для озвучки нужно подобрать что-то, аж слух режет, без обид.😉
Что за шрифт?
Подскажите, я могу создать только мобильную сайта в зеро блоке?
В зеро блоке можно почти все)
Подскажите, а с фото такое можно проделать? Чтобы была бегущая строка с разными фотографиями ))))
Можно
Привет! Подскажи, как скрывать "ЗАКРЕПЛЕННОЕ" меню при раскрытии поп апа?
Пожалуйста больше уроков!!!!
Спасибо за урок. Сделала, всё получилось отлично, но в мобильной версии, к сожалению, не работает. Поэтому сделала по-другому, применила pop-up. Или можно в мобильной это сделать? Обычно сижу, ковыряюсь, пытаюсь сама найти ответ, но решила спросить в этот раз.
Анимацию в мобильной версии тоже можно включить и применить
@@KarinasDreams спасибо за ответ. Да, я знаю, что можно, но здесь почему-то не смогла.
Ооо, открытие! На скорости 1,5 нормально становится
Привет) а можно сделать видео скролла карточек по кругу? Если такое возможно
Привет 👋 Ты имеешь ввиду, что при скролле карточки идут по кругу и фиксируются?
Не совсем) что-то типо галереи, но по кругу
Как можно сделать так чтобы при нажатии на иконки, поменялись другие обьекты, точнее задний фон обьекты другой страницы
Используй анимацию по клику и настройки прозрачности в ней
Привет . А как сделать фоту оплаты ?)
Привет 👋 Не очень понимаю, что фота оплаты?
А сколько стоить будет сделать простенький интернет магазин на тильде ?
Ты спрашиваешь как дизайнер или как потенциальный клиент?😅
Лайк за отступы :D Спасибо!
Spasibo!!! Autoscale please!!!
Услышано 😉
А как вы корзину и избранное в меню добавили? Через модификатор?
Да
Большое спасибо! Очень хорошее видео
Благодарю 🫶
Спасибо большое за разбор)
как будет выглядеть в мобильной версии?
Там тогда лучше фиксацию убрать, а фото сделать в галерее или в ряд и включить overflow - auto
Спасибо! Однозначно подписка! А как сделать свою такую же плашку с бургер меню, но только чтобы открывалось не как поп-ап, а просто раскрытием списка пунктов меню вниз из этой кнопки "Каталог"?
Привет! Благодарю 🫶 Можно воспользоваться блоком - Меню, второй уровень или же использовать этот же прием с popup окном, только сделать его меньше и чтобы появлялся по ховер. Если не получится, то тогда можно найти код и сделать уже с модификацией
Супер! Только как сделать все то же самое, только чтобы фиксация была снизу страницы, а не сверху?
С новым обновлением тильды это теперь возможно и без кода. В настройках зеро блока выбираешь Position ➡️ Fixed ➡️ On Windows bottom
@@KarinasDreams супер! Не знал! Спасибо, обязательно попробую!
Спасибо круто полезно
Спасибо 🫶
Карина привет. Нравятся твои видео, очень все хорошо объясняешь, молодец) Буду очень признательна, если расскажешь поподробнее об window, crid, scale crid. Сколько пытаюсь внедрить, не получается ( Заранее спасибо)
Привет 👋 Спасибо за обратную связь 🤍 Очень приятно! 🫶 Думаю вскоре сделаю видео в котором расскажу об этих способах вёрстки
@@KarinasDreams спасибо большое ❤
Карина, спасибо за ролик! У меня возникли сложности. Мне нужно фон зафиксировать и чтобы в рамках одного блока двигались картинки с текстом 3 подряд, как у тебя закругленные шейпы. Но не получается по видео сделать так, как у тебя. Первая картинка стоит, остальные начинают двигаться и сползать на следующий блок. Что я делаю не так?(
Какой процент параллакса ты ставила?
100%, высота блока 700px. @@KarinasDreams
@@user-bl7pf4iu2w Если анимация параллакса стоит 100% значит элемент будет двигаться вместе со сколлом (то есть анимация не будет видна). Если хочешь чтобы элементы двигались быстрее чем скроллишь, тогда нужно ставить значение больше 100%, если хочешь чтобы элемент тормозил, то меньше
Привет. Полезный контент делаешь. Спасибо. Услышал у тебя небольшой акцент и увидел в IG что ты с Риги, Латвия. Я тоже. Много местных делают дизайны через Tilda, и на какой рынок работаешь: EU или СНГ?)
Теперь больше на EU, а ты?
Я свой путь только начал. Месяца 2 назад. Делал двум знакомым для их компаний в Латвии. @@KarinasDreams
Как шрифт называется?
Onest
Ты что простудилась😂
Бывает )
Спасибо за видео. Попробуй векторному слою задавать имя image, и тогда вектор как обычная картинка будет экспортироваться в тильду. Перед этим вектор можно свести кнтр+шифт+о.
Привет! Спасибо, я такое уже протестила и тогда он из вектора делал мне растровый файл что мне не подходит
Спасибо. Очень полезно
по голосу буд-то под винцом видео записано
Ахах
Нет
У меня есть новое любимое слово «четвероугольник». Ты очень мило разговариваешь 😂
😅😂