Паттерн на весь экран Tilda | Шум на фон в Zero block
Vložit
- čas přidán 12. 09. 2024
- Паттерн на весь экран Tilda | Шум на фон в Zero block
Сегодня я покажу, как с помощью кода от Tildoshnaya на tilda zero block можно добавить шум на фон или паттерн на весь экран. Если остались какие-то вопросы по тильде, зеро блоку или эффекту шума на фон, пишите в комментарии.
🦜Поддержать автора копейкой: www.donational...
Ссылка на код от tildoshnaya для tilda zero block: tildoshnaya.co...
___________________________________________
✅Поделись видео с друзьями: • Паттерн на весь экран ...
✅Подпишись на канал и поставь🔔: / @design_scripts
Паттерн на весь экран Tilda | Шум на фон в Zero block
___________________________________________
ВК: id11717...
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock
Многие спрашивали, многие просили записать видео по паттерну. Держите :D
С этого момента видосы на канале выходят 2 раза в неделю: вторник и пятница (как было изначально написано в шапке). Если буду лениться, можете пинать меня в лс)
Приятного просмотра. Обнял
Спасибо большое! Делала первый шум на сайте в своей жизни и получилось на ура!
Чтобы самого блока с шумом не было видно, я сделала высоту блока 0px 👍🏻
А я его просто спрятала)
@@designersnezhana Снежана а как вы его спрятали?)) Проинструктируйте пожалуйста))
Ребята, кто парится с блоком который видно, не надо его скрывать просто добавьте этот элемент с гифкой вообще в любой зеро на странице (имею ввиду те которые итак должны быть видны) и ничего не надо будет скрывать или делать лишние зеро блоки.
Спасибо, бро за качественный контент. Скидываю твои видосы по тильде и зеро блоку всем своим коллегам))
Приятно слышать, бро🤙
А что делать, если в "background-size: auto !important" поменял на 50px, о размер все равно не уменьшился? :( Отображается такой же размер, как и у шейпа в зероблоке. То есть 100%
Только вчера увидел этот эффект в портфолио - а сейчас уже могу его использовать в своих работах! Очень круто, спасибо :)
Феномен Баадера - Майнхоф в действии :D
Спасибо, когда видела подобное на сайтах думала, как? Но пока еще не искала, а тут вон оно как🙈 спасибо вам и Ютубу🔥
Спасибо)
Бомба! Про паттерн на весь экран на тильде я знал, но было лень гуглить и искать его)
И вот удачно вылезла обучалка)
Спасибо вам! Вопрос, можно ли этот эффект отправить на задний фон, что бы элементы были впереди???
Круто! Очередное шикарное видео по tilda, спасибо тебе
Спасибо за коммент, стараюсь)
Хорош) просто и доступно, прям как надо. Лайковский!
благодарю, добрый человек. Подписался и лайк =)
А что если в мобильной версии все это странно работает 😭 шейп с гиф покрывает только небольшую часть
такой же вопрос
поддерживаю
Я решила проблему) Нужно длину и высоту поставить больше, чем 100vh
Самый крутой канал по тильде отвечаю. Продолжай делать видео!
Продолжаю)
Спасибо) Пошла пробовать!
Спасибо, очень полезный видос, поставил лайк.
Но вот вопрос: такое впечатление, что шум встал не на фоне, а над всеми элементами сайта. Можно ли его переместить на самый нижний из слоев?
Все просто. Индекс где 99999 поставь 0
Как же я ждал этот видео
Дождался😉
Спасибо за ваши видео!
Спасибо вам большое!
Здравствуйте. Подскажите, пожалуйста, зачем нужен первый вариант? Ведь можно шейп с шумом поставить на первый план и отключить ему pointer ivents?
Очень круто, спасибо большое
Вы супер, спасибо!
Отличное видео. Спасибо)
Спасибо за полезное видео!
И тебе спасибо за просмотр и комментарий)
спасибо огромное!! получилось все🥰
Спасибо большое, вставляла уже все подряд и не получалось))))
Большое спасибо за годный контент
лайк как обычно чаще видео делай) красава
Стас, спасибо! 👍🏻
И тебе спасибо за коммент👏
Спасибо!!!!) очень помогло)))
Рад это слышать)
Шпасиба :)
какой же лучший
Топчик! Респект)
Спасибо, рад, что понравилось)
Спасибо за инструкцию, а как убрать сам зеро блок с gif? Т.к. он отображается на сайте.
Разобрался?
Тот же вопрос) вы разобрались, как убрать созданный зеро блок , чтоб при этом гиф осталась?
@@user-yy7pf4id5w да, все на самом деле просто. Поставь высоту блока (в котором гифка) на 0 px
@@user-qn3ej9qj7m мне не помогло((
Круто! А можешь сделать видео на код тильдошной полноэкранного скрола? Просто мне кажется это очень полезная функция. Поможет повысить глубину просмотра страницы. Только есть одна маленькая загвоздка - всё в блоке, что не влазит в экран - теряется и просмотреть невозможно.
С радостью разберу их инструкцию)
@@design_scripts Спасибо большое! Просто после просмотра вебвизора в голову взбрела мысль, что если бы был полноэкранный скролл, к примеру, для преимуществ или блоков с эмоциональным влиянием, то люди бы больше вникались и прочитывали
Да, согласен, очень эффективное решение на сайте. Тестировал этот фунционал, прикольно получилось, но главное и интересный контент/смысл сайта. В любом случае Стас - ждем видосик! 🤗👍🏻
Лайк! скинул видео в чат Hello Tildoshnaya )
От души)
Это официальный чат тильдошников?
Полезный контент делаешь! Спасибо! Какое расширение используешь для Chrome для загрузки, чтобы потом скачанный файл перетаскивать прямо из панели?
Спасибо)
Если ты про тот момент, когда я вставляю гифку, то это стандартные возможности яндекс браузера
@@design_scripts Понятно) Я думал это Chrome)
лайк не глядя
У меня такой вопрос. В тильде есть возможность добавить снежинки на обложку страницы. А можно ли сделать эти снежинки на всю страницу?
Thx bro )!
необходимо наложить шейп поверх зеро-блока, потом посмотреть его код в код для шума?
Как можна добавить мелькие шумы а не огромные?
Добрый день, а можно сделать такой шум например в блоке с товарами?
Спасибо за видео! А как делать сложные переходы между страницами? А ля смена страниц как в книге или как-то ещё?
Анимированные переходы?
Довольно простое решение было у тильдошной опять же: tildoshnaya.com/modification/preloader
Что-то своё - библиотеки gsap и barba.js
@@design_scripts вот я как раз и за более сложные. У тильдошной довольно ограниченные варианты. Вот возможно ли бутстрап подключить к тильде или нужно писать отдельный код под каждый переход? Или он тут не нужен? Тильде очень экономит время и хочется из неё видать потенциал писанного сайта
Спасибо за видео. Все получилось, есть только одно НО. В zeroblock, где я делал shape и вставлял туда шум, виден на сайте, как пустой белый блок. Как это исправить, как убрать, чтобы не был виден этот блок?
Выставить значение контейнера "0"
@@nikitafeston Спасибо большое
@@nikitafeston а где выставляется это значение? Не могу нигде найти
@@nikitafeston выставляла высоту зеро блока с гифкой 0 пикселей, не помогло((
Подскажите как сделать чтобы отобразилось и в мобильной версии, шум?
Отображается только на компьютере(
Делаю всё по видео, но у меня почему-то паттерн получается сверху всех слоев, хотя в коде указано z-index: 99999999 !important; Подскажите, пожалуйста, в чем может быть проблема. Если прозрачность ставить на 20, то там конечно незаметно, но иногда паттерны нужны без прозрачности.
Короч разобрался сам. Просто использовал блок T674, вместо этих танцев с бубном (с кодом). Он позволяет поставить паттерн на всю страницу.
В бесплатной версии можно фон установить?
Привет! Мне нужна помощь! Установила код, все работает, но этот шейп с гивкой появляется на сайте отдельным блоком, а если его скрыть, то эффект пропадает... Ка это можно пофиксить? Заранее спасибо)
Я в блоке с шумом установил размер в 0 пикселей, шум остался, а блок ушел
Ребята не против ) и ещё есть расширение для копирования классов элементов без инструментов разработчика
Привет) Да, офигенное расширение, но я хочу научить людей сначала работать ручками, потому что дальше у меня контент будет сложнее ;)
П.С. Хочу замутить с вами совместный контент. Ко мне едет новый микро и звуковая карта)
@@design_scripts класс!) пиши в телеграмм @vitas_gref
Спасибо, ман, за крутые видео! ;) Продолжай радовать нас контентом!
Подскажи, пожалуйста, как добавить шум паттерна не в ZERO block, а к примеру в блок "CR12 - Галерея" ?
Только CR12 - это не галерея, а обложка. Быть может, я неправильно понял, но всё равно, держи код для обложки CR12: pastebin.com/raw/AZTEXMm2
Точно таким же образом создаешь шейп с гифкой в любом зеро блоке, а затем скрипт переносит созданный тобой шейп на обложку
@@design_scripts Спасибо большое! Работает :) Только как теперь скрыть Zero Block ?) он виден как белое поле после CR12 ...
И прозрачность остаётся 100 % в CR12, хотя в Zero Block сделал 10%...
В тег напиши:
#rec999999999 {
display:none;
}
Вроде, должно сработать, но если вдруг пропадёт шум на обложке, то тогда попробуй в после кода с append прописать:
$("#rec999999999").css("display", "none");
Либо первое, либо второе
Респект за качественный контент по тильде)
У меня возникла проблема с отображением паттерна поверх изображений.
Может, кто-нибудь знает как это исправить?
Никак, это надо менять код, этот код так задуман
Индекс ставь не 1 а 0 все работает. По крайней мере для всей странице
как черным его сделать?
Привет! Большое спасибо за видео, но есть ли возможность сделать так, чтобы шум был под другими элементами страницы, а не сверху?
Попробуй поставить z-index: 1 !important; вместо того значения что было
@@user-yg8on2vv3f спасибо большое!
Если что, я проверила этот ответ, он не работает. Сэкономлю время тем, кто будет пытаться)
@@Calamnity1731 Я индекс ставлю 0 и все работает)
Нету клавиши "исследовать элемент". Что делать?)
у меня не работает код, в чем может быть проблема?
Не понимаю почему этот шум поверх всех картинок у меня. Мне не так надо. Как убрать подскажи плз)
поиграйся в коде с параметром z-index, поставь значение 1, например
Не получилось. Повторял все один в один. Код копировал и редактировал так же как и в видео. В чем может быть проблема?
Классный ник)
Пиши в вк, разберёмся
спасибо но слишком много лишней болтавни . У людей нет времени