![youx.agency | All About Web Design](/img/default-banner.jpg)
- 13
- 80 061
youx.agency | All About Web Design
Georgia
เข้าร่วมเมื่อ 24 ต.ค. 2022
YOUX AGENCY is a young design company of creative enthusiasts with an entrepreneurial mindset. We develop and design modern websites, addressing small business challenges through web solutions and breathing new life into companies on the Internet.
We demonstrate how to work with modifications for the Tilda Publishing platform in simple language. We cultivate and promote design thinking, share the agency's experience, and assist aspiring web designers.
We demonstrate how to work with modifications for the Tilda Publishing platform in simple language. We cultivate and promote design thinking, share the agency's experience, and assist aspiring web designers.
ЗАЧЕМ БРИФ: Как правильно составить бриф для разработки сайта.
В новом ролике подробно расскажу, зачем необходим бриф при разработке сайта и как правильно его составить. Видео разговорное, не претендует на идеальный бриф, все персонажи вымышлены, сходства случайны.
Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy
В этом видео:
1️⃣ Почему бриф - неотъемлемая часть успешного запуска сайта?
2️⃣ Какие элементы должны входить в бриф для разработки сайта?
3️⃣ Как избежать расхождений между вашим видением и восприятием разработчика?
Разберем шаг за шагом все нюансы и дам полезные советы по созданию брифа.
Если вам важна успешная реализация вашей идеи в онлайн-пространстве, этот ролик для вас! Подписывайтесь, ставьте лайк и делись этим видео.
Ссылка на пример для работы:
tinyurl.com/4sapcx4a
Ссылка на бриф для ИМ:
tinyurl.com/mw5k8ddf
Ссылка на наш бриф:
youx.agency/brif
Чат для общения и помощи:
t.me/youxsupport
#ВебРазработка #СозданиеСайта #Бриф
Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy
В этом видео:
1️⃣ Почему бриф - неотъемлемая часть успешного запуска сайта?
2️⃣ Какие элементы должны входить в бриф для разработки сайта?
3️⃣ Как избежать расхождений между вашим видением и восприятием разработчика?
Разберем шаг за шагом все нюансы и дам полезные советы по созданию брифа.
Если вам важна успешная реализация вашей идеи в онлайн-пространстве, этот ролик для вас! Подписывайтесь, ставьте лайк и делись этим видео.
Ссылка на пример для работы:
tinyurl.com/4sapcx4a
Ссылка на бриф для ИМ:
tinyurl.com/mw5k8ddf
Ссылка на наш бриф:
youx.agency/brif
Чат для общения и помощи:
t.me/youxsupport
#ВебРазработка #СозданиеСайта #Бриф
มุมมอง: 284
วีดีโอ
Видео-урок: Двойные табы Тильда | Модификации youx.agency
มุมมอง 1.1K8 หลายเดือนก่อน
Да, это двойные табы для переключения зеро-блоков. Заранее прошу прощения, первый ряд табов всего 2 (Две) кнопки, мы делали скрипт под один из наших проектов. Пожалуйста подождите, мы доработаем и на сайте рядом разместим решение для большего кол-ва кнопок. Код помогает вывести 2 ряда табов и переключать зеро блоки еще сложнее, круче, больше, ехааааа. Мучайтесь Страница с модификацией: youx.age...
SHOWREEL 2023 | YOUX.AGENCY #digitalmarketing #webdevelopment
มุมมอง 70911 หลายเดือนก่อน
Юкс это молодая дизайн-компания творческих энтузиастов с предпринимательским мышлением. Культивируем качество, сервис и дедлайны. Мы разрабатываем и проектируем современные сайты, через веб решаем проблемы малого бизнеса и даем второе дыхание компаниям в сети Интернет. За 3 года работы в нашем портфолио более 85 современных крутых проектов в разных нишах: строительство, ресторанный бизнес, рите...
Как правильно верстать сайт на Тильда в процентах | youx.agency
มุมมอง 1.5Kปีที่แล้ว
Как правильно верстать сайт на Тильда в процентах ? Изи В этом видео я покажу как грамотно адаптировать сайт на Тильда, использую процентное соотношение размеров блоков и отступов между ними. Сможем растягивать наш блок, при этом все элементы внутри будут пропорционально увеличиваться или уменьшаться. Раз и навсегда запомним правила верстки в процентах, выучим новый навык и будем круто верстать...
CAFEOMO | Кастомные табы для каталога товаров на сайте Tilda
มุมมอง 13Kปีที่แล้ว
В этом видео я решил поделиться реализацией решения переключения кастомных табов для товарного меню на сайте cafeomo. Пошаговый видео-урок как это работает, как это сделать самостоятельно и разместить на любом другом сайте. Вы можете больше, чем вы думаете, выходите за рамки стандартных возможностей, экспериментируйте и создавайте крутые проекты. Поехали Код для вставки: (Нужно разместить в sty...
Добавляем кнопку "Назад" на сайт Тильда
มุมมอง 2.9Kปีที่แล้ว
Кнопка вернуться "Назад" для страницы Тильда Простой способ добавить кнопку "Назад" и в 1 клик быстро вернуться на предыдущую страницу Страница с модификацией: youx.agency/knopka-vernutsya-nazad-tilda Инструкция к видео: 1. Добавьте кнопку в zero блок 2. Вставьте ссылку в кнопку #turnback. Либо просто javascript:history.back(); без кода 3. Вставьте код ниже в блок "T123" Поблагодарить автора: w...
Выпадающее меню второго уровня в zero блок Тильда | youx.agency
มุมมอง 11Kปีที่แล้ว
Расскажу вам как добавить крутое выпадающее меню второго уровня в zero блок на платформе Тильда. Кастомный код для добавления выпадающего zero блок для вашего меню на сайт Тильда. Показываем меню при наведнии Страница с модификацией: youx.agency/vypadayushhee-menyu-vtorogo-urovnya-v-zero-blok Инструкция к видео: 1.Добавьте ссылку кнопке в вашем меню #youxmenu и создайте новый зеро блок 2. Встав...
Как добавить табы Тильда v.2 | Переключение зеро блок
มุมมอง 15Kปีที่แล้ว
ППереключение зеро блок в Тильда с помощью кнопок Данный код помогает переключать несколько зеро блоков на странице при нажатии на свои кнопки. Обновленный, простой и 100% рабочий способ. Страница с модификацией: youx.agency/pereklyuchenie-neskolkikh-zero-blok-cherez-knopki-v2 Инструкция к видео: 1. Создайте кнопки и присвойте каждой класс .tab-btn 2. Вставьте ссылки в каждую кнопку #tab1, #tab...
Переключение зеро-блок с помощью табов/вкладок в Тильда
มุมมอง 14Kปีที่แล้ว
Переключение нескольких zero-block через свои кнопки Данный код помогает добавить свои кастомные табы и переключать несколько zero-блоков при нажатии. Также есть возможность добавить кастомные стрелки. Страница с модификацией: clck.ru/34BMa5 Инструкция к видео: 1. Добавьте zero-блок, наполните контентом и создайте несколько кнопок с классом: tab_btn 2. Добавьте 2 иконки стрелок с классами left_...
Как сделать фиксированную кастомную кнопку в Tilda
มุมมอง 6Kปีที่แล้ว
Как сделать фиксированную кастомную кнопку в Tilda Страница с модификацией: youx.agency/kak-sdelat-fiksirovannuyu-kastomnuyu-knopku Инструкция к видео: 1. Создайте зеро блок и поставьте параметр "visible", высоту 0 px, уберите фон 2. Создайте свою кнопку в Zero Block 3. Добавь блок HTML и вставь код ниже, замените ID zero-блока на свой Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше со...
Показываем скрытый блок при нажатии на кнопку Тильда
มุมมอง 6Kปีที่แล้ว
Данный код помогает показать скрытый блок, по нажатию на кнопку. Повторное нажатие скроет блок обратно. Страница с модификацией: youx.agency/pokazyvaem-skrytyj-blok-po-nazhatiyu-na-knopku-v-tilda Инструкция: 1) Создайте кнопку и вставили в нее ссылку : #primer 2) Вставьте код ниже в блок "T123" 3) Поменяйте значение ID zero-блока на свои Поблагодарить автора: www.tinkoff.ru/cf/AXWgoOBWqyy Наше ...
Как добавить эффект увеличения при наведении на фото в Тильда
มุมมอง 7Kปีที่แล้ว
Рассказываем и показываем как добавить интересные эффекты при наведении на ваше изображение в зеро блок Тильда. Страница с модификацией: youx.agency/9-hover-effects-dlya-izobrazhenij-na-tilda Инструкция к видео: 1. Вставьте фото в zero-блок и присвойте ему class : zoomon 2. Выберите номер эффекта на фото, который вам понравился по кнопке "Смотреть примеры" 3. Вставьте код ниже в блок "T123" на ...
Показываем уведомление при добавлении товара в корзину Тильда
มุมมอง 1.3Kปีที่แล้ว
Всем привет, на связи YOUX Agency. Сегодня поговорим с вами о том, как создать кастомное уведомление о добавлении товара в корзину на Тильда. Страница с модификацией: youx.agency/pokazyvaem-uvedomlenie-posle-dobavleniya-tovara-v-korzinu Инструкция к видео: 1. Создайте кнопку "Добавлено в корзину" в необходимом месте и присвойте ей класс ' infotext ' 2. Скопируйте код №1 и вставьте в блок "T123"...
Добрый день! Спасибо за урок, все понятно объяснили, у меня получилось. Вот только есть одно "но": при открытии страницы блок раскрытый. Подскажите, пожалуйста, почему может так происходить?
Спасибо большое за метод, есть вопрос. При включенном автоскейле, на мобильных версиях как то странно пляшет текст. С чем это может быть связано ?
Склоняюсь больше к специфике оптимизации Тильда скрытых блоков. Не думаю что проблема в скрипте
Добрый день! Повторила все точь в точь, кнопка появляется при скролле только в середине последнего блока. Как это исправить?
Автор не сказал (или я не услышал), что нужно в настройках включить jQuery, без нее не работает!
Да, все верно. Из-за этого может не работать половина скриптов. Автор не сказал, потому что Тильда выкатила обновление это месяц назад насколько я знаю
ПОДСКАЖИТЕ ПОЖАЛУЙСТА!! загрузила всё как надо, все супер! НО! я поставила вместе кнопки фото, и у него появляется черная обводка в начале и если нажать два раза на кнопку тоже появляется, как избавиться? 🙏🏻🙏🏻🙏🏻
Скажите, пожалуйста, эту кнопку в зеро блоке надо расположить на каждой странице? У меня интернет магазин и я сделала каждую карточку товара в блоке st200 на отдельной странице. Я Расположила в хедере кнопку назад и ее почему то не видно, когда я перехожу в карточку товара🤷♀️
спасибо вам огромное!!! Действительно лучший код! Перепробовала многие, именно этот не слетел при ресайзах на мобиль. версию (т.к. табы в мобилке и десктопе у меня расположены не одинаково)
у меня тоже проблема, все zeroblocki видны при публикации видны из за чего это может быть?
Не пойму делаю все точно так но не получается 😪, блок исчезает но при клике на кнопку ничего не происходит
где взять код, что бы добавить в первую строку больше двух кнопок=????
Подскажите, как сделать чтоб кнопка текст меняла или исчезала?
У меня, к сожалению, не работает код (сделала все как в инструкции). У меня 2 блока так и стоят друг за другом при опубликовании. почему так может быть?
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
спасибо! а можно ли както без T123 который к ссожалению платный
В Тильда нет платных блоков, если подписку продлевать. Все модификации работают только при оплаченном тарифе Тильда
@@youxagency спасибо за ответ. Я это и имела ввиду, что нужна платная подписка. Я просто хотела потренироваться и поэкспериментировать бесплатно 😉 но это не совсем возможно 🤔
это прикол какой то) пееребровал все ваши коды 1 в 1 по переключению табов, никакой не работает
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
@@youxagency Получилось, благодарю!
Очень очень вас прошу🙏🏻как скрыть блок ME603 на мобильной версии? Вы не могли бы прописать style🙏🏻🙏🏻🙏🏻 На декстопе все отлично работает! Спасибо
Здравствуйте! Такой вопрос- я вставила ваш код, на декстопе все хорошо, а на мобильной версии почему то этот блок не спрятался, где переключаются табы( не подскажите в чем может быть причина?
Спасибо, вы сильно помогли!
ка сделать кнопку назад в каталог если был прямой переход в карточку товаров из рекламы
Создать меню для товаров отдельно вывести и туда зеро-блок с кнопкой назад
Ребятушки, старый код на одном сайте работает отлично, но на новом старый и новый не работают, только скрывают сам блок на странице, но всплывашка нет( В чём может быть беда? Подскажите, пожалуйста, всю голову сломала.
у меня тоже не работает, только скрывает блок, а при нажатии на кнопку ничего не происходит
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать Также следует проверить ограничение видимости блока, с ним скрипты многие не работают. И код в самый низ необходимо вставить
@@АнастасияКилис Перейдите в настройки своего проекта на Тильде. Откройте раздел «Ещё». Пролистайте до середины. Поставьте галочку напротив «Подключить jQuery на страницах сайта». Сохраните настройки. Переопубликуйте все страницы сайта на всякий случай.
Код нерабочий
Попробуйте в настройках включить iQuery поддержку. Настройки - еще Из-за этого обновления многие модификации перестали работать
@@youxagency спасибо, у меня он включен
Спасибо. Полезная информация!
подскажите как изменить расстояние между шапкой сайта и товаром в карточке а то шапка наползает сверху на фото товара
У меня вопрос немного не по теме: как вы изменили интерфейс менюшек в Тильде. У Вас белые надписи на чёрном фоне. Я сам искал как это сделать, не получилось. Если не жалко поделитесь.
Открываем зеро-блок любой, настройки зеро-блок в самом низу панели управления, вид интерфейса, темная тема
Жаль что при использовании такой схемы переключения табов не работает анимация появления товаров. Может есть дополнительный код?
Здравствуйте, скрипт скрывает zeroblock меню, но не вытаскивает его. То есть, ничего не происходит.
@@denismedvedev4384 все работает как часы, внимательно все по инструкции сделайте еще раз. Видимость блоков не ограничивайте и кол в самый низ
@@youxagency Вот и странно. Инструкция исчерпывающая. Ошибиться невозможно. Видимость блоков не ограничена, по умолчанию 1200px. Что значит "кол в самый низ"? Открывал страницу в Chrome (новых обновлений пока не требует), и Yandex.
@@denismedvedev4384 у меня тоже не работает
JQuery Больше с тильдой не работает. Тильда теперь на чистом JavaScript. Код другой сейчас, либо подключать jQuery отдельно
<style> /* Скрываем наши блоки по ID */ #rec562720903 { display: none; /* Скрыто по умолчанию */ transition: all 0.5s ease; /* Плавный переход для отображения */ } </style> <script> document.addEventListener("DOMContentLoaded", function() { var showTimeoutId; var hideTimeoutId; var menuTrigger = document.querySelector('[href="#youxmenu"]'); var dropdownMenu = document.getElementById('rec562720903'); // Показываем меню при наведении на кнопку menuTrigger.addEventListener('mouseenter', function() { showTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'block'; // Показываем меню dropdownMenu.classList.add('open'); // Добавляем класс для стилей, если нужно }, 500); }); // Скрываем меню при уходе курсора menuTrigger.addEventListener('mouseleave', function() { clearTimeout(showTimeoutId); hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); // Отменяем таймеры при наведении на выпадающий блок dropdownMenu.addEventListener('mouseenter', function() { clearTimeout(showTimeoutId); clearTimeout(hideTimeoutId); }); // Скрываем меню при уходе курсора с выпадающего блока dropdownMenu.addEventListener('mouseleave', function() { hideTimeoutId = setTimeout(function() { dropdownMenu.style.display = 'none'; // Скрываем меню dropdownMenu.classList.remove('open'); // Убираем класс }, 200); }); }); </script>
У меня не получается, хоть все по видео делаю:(
@@doxer8459 нельзя ограничение блоков ставить видимость и скрипт в самый низ.
До сих пор все актуально и работает без проблем! Решение элегантно простое и действенное! Спасибо и от души =)
Подписка оплачена!не работает.Все по инструкциям.Все блоки видны сразу.
А как сделать добавление товара количество + 1
огромное спасибо!! все заработало
Объяснеия супер!:)) пасиба
Очень круто спасибо!
код из описания к видео не работает, блок не скрывается. Я ввела вручную код стиля, как на экране в видео, и тоже не скрывается. Что делать???
<style> Стиль блока который нужно скрыть { position: absolute; left: -9999px; } </style>
HTML код обязательно нужно вставлять ниже всех блоков, которые в нем участвуют.
Добрый вечер, а для первого ряда могу использовать картинки?
В теории да, надо пробовать
А как это проработать под мобилку ?)
Под моб надо действие по клику делать код, в примере при наведении
Привет, благодарю! ❤ Скажи, пожалуйста, как ты скруглил углы у фото карточек товара?
Как сделать табы на мобильную версию выпадающим списком? (у меня 10 табов, и их в мобильный дизайн в 3-4 строки ой как не хочется лепить (в моем случае нельзя использовать стандартный блок, где на мобильной версии встроен выпадающий список, только через зеро блок) посмотрела 20+ видео на эту тему, и никто не ответил на этот вопрос Если поможете, большущее спасибо
Подскажите пожалуйста как сделать перемотку к якорнгй ссылке при нажатии таб 1 таб 2... и чтоб кнопки таб1-5 были всегда видны?
спасибо за код! но вот проблема: когда хочешь перезагрузить страницу, то появляются все табы сразу, а при выборе кнопки сразу становится нормально
Спасибо вам большое, очень помогли!
супер! а можно сделать так, чтобы на странице повторялась ситуация? Например я хочу два таких блока сделать с табами, но разное наполнение?
Да, можно. Скопировать код повторно и поменять например #tar1, #tar2 и классы для блоков uc-tar1 и так далее
А как эти табы анимировать ?
как сделать так, чтобы блок с пунктами не пропадал сразу же после того, как ты наводишь на него курсор? Сделала как на видео, получилось как на сайте с которого копировала код. Но так же как и на том сайте такая проблема: когда хочу выбрать пункт из выпадающего блока, то он сразу же закрывается, как я увожу курсор с кнопки. Как можно пофиксить это дело?
Не работает галерея (не видно первую картику), если она лежит в табе. Если не в табе, то все работает
не могу понять где отключить блок с тобами МЕ603 что вставлять и как это сделать не догоняю попомгите пожалуйста чтоб убрать блок
Спасибо огромное!
не могу понять в чем проблема... тоже все блоки показываются сразу вместе. и код внизу, и очередность соблюдена... причем код работал где-то 2 недели, а потом перестал
Подскажите, пожалуйста, а где можно найти 2ую часть кода для фиксации
Огромное спасибо за код! Все работает идеально! И спасибо за то, что делитесь такими полезными штуками. Всегда все очень понятно, эстетично и доступно 👍👍