Тёмный

Паттерн на весь экран Tilda | Шум на фон в Zero block 

Дизайнер со скриптами
Подписаться 25 тыс.
Просмотров 30 тыс.
50% 1

Паттерн на весь экран 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

Опубликовано:

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 119   
@design_scripts
@design_scripts 4 года назад
Многие спрашивали, многие просили записать видео по паттерну. Держите :D С этого момента видосы на канале выходят 2 раза в неделю: вторник и пятница (как было изначально написано в шапке). Если буду лениться, можете пинать меня в лс) Приятного просмотра. Обнял
@Hidaomari
@Hidaomari Год назад
А что делать, если в "background-size: auto !important" поменял на 50px, о размер все равно не уменьшился? :( Отображается такой же размер, как и у шейпа в зероблоке. То есть 100%
@РеставраторАвтодомаисемьи
А что если в мобильной версии все это странно работает 😭 шейп с гиф покрывает только небольшую часть
@polinakoshelnikova1797
@polinakoshelnikova1797 3 года назад
такой же вопрос
@ИркаЧерчилль
@ИркаЧерчилль 3 года назад
поддерживаю
@iramihh8072
@iramihh8072 Год назад
Я решила проблему) Нужно длину и высоту поставить больше, чем 100vh
@yermatoff
@yermatoff Год назад
Ребята, кто парится с блоком который видно, не надо его скрывать просто добавьте этот элемент с гифкой вообще в любой зеро на странице (имею ввиду те которые итак должны быть видны) и ничего не надо будет скрывать или делать лишние зеро блоки.
@ZhanS208
@ZhanS208 28 дней назад
Спасибо вам! Вопрос, можно ли этот эффект отправить на задний фон, что бы элементы были впереди???
@Alibeksambetov01
@Alibeksambetov01 4 месяца назад
Как можна добавить мелькие шумы а не огромные?
@HaidiRabotu
@HaidiRabotu 3 года назад
Спасибо за инструкцию, а как убрать сам зеро блок с gif? Т.к. он отображается на сайте.
@МихаилБердов-о3ч
@МихаилБердов-о3ч 3 года назад
Разобрался?
@КатяТригуб-х1к
@КатяТригуб-х1к 3 года назад
Тот же вопрос) вы разобрались, как убрать созданный зеро блок , чтоб при этом гиф осталась?
@МихаилБердов-о3ч
@МихаилБердов-о3ч 3 года назад
@@КатяТригуб-х1к да, все на самом деле просто. Поставь высоту блока (в котором гифка) на 0 px
@andriyanova_design
@andriyanova_design 2 года назад
@@МихаилБердов-о3ч мне не помогло((
@aruzhankalieva9983
@aruzhankalieva9983 11 месяцев назад
спасибо но слишком много лишней болтавни . У людей нет времени
@staypositivedontbescared
@staypositivedontbescared 2 года назад
Спасибо, очень полезный видос, поставил лайк. Но вот вопрос: такое впечатление, что шум встал не на фоне, а над всеми элементами сайта. Можно ли его переместить на самый нижний из слоев?
@azainvestgroup3527
@azainvestgroup3527 Год назад
Все просто. Индекс где 99999 поставь 0
@natalynechayeva1927
@natalynechayeva1927 3 года назад
Здравствуйте. Подскажите, пожалуйста, зачем нужен первый вариант? Ведь можно шейп с шумом поставить на первый план и отключить ему pointer ivents?
@angelinakudri7912
@angelinakudri7912 Год назад
Спасибо большое! Делала первый шум на сайте в своей жизни и получилось на ура! Чтобы самого блока с шумом не было видно, я сделала высоту блока 0px 👍🏻
@designersnezhana
@designersnezhana Год назад
А я его просто спрятала)
@azainvestgroup3527
@azainvestgroup3527 Год назад
@@designersnezhana Снежана а как вы его спрятали?)) Проинструктируйте пожалуйста))
@ilvir021
@ilvir021 8 месяцев назад
Делаю всё по видео, но у меня почему-то паттерн получается сверху всех слоев, хотя в коде указано z-index: 99999999 !important; Подскажите, пожалуйста, в чем может быть проблема. Если прозрачность ставить на 20, то там конечно незаметно, но иногда паттерны нужны без прозрачности.
@ilvir021
@ilvir021 8 месяцев назад
Короч разобрался сам. Просто использовал блок T674, вместо этих танцев с бубном (с кодом). Он позволяет поставить паттерн на всю страницу.
@nastasica_rook8968
@nastasica_rook8968 4 месяца назад
Привет! Мне нужна помощь! Установила код, все работает, но этот шейп с гивкой появляется на сайте отдельным блоком, а если его скрыть, то эффект пропадает... Ка это можно пофиксить? Заранее спасибо)
@rikitiki4234
@rikitiki4234 3 месяца назад
Я в блоке с шумом установил размер в 0 пикселей, шум остался, а блок ушел
@Герцог-ф4з
@Герцог-ф4з 4 года назад
Спасибо, бро за качественный контент. Скидываю твои видосы по тильде и зеро блоку всем своим коллегам))
@design_scripts
@design_scripts 4 года назад
Приятно слышать, бро🤙
@Aldikjo
@Aldikjo Месяц назад
Спасибо)
@askarflex
@askarflex 3 года назад
Респект за качественный контент по тильде) У меня возникла проблема с отображением паттерна поверх изображений. Может, кто-нибудь знает как это исправить?
@shilkina28
@shilkina28 3 года назад
Никак, это надо менять код, этот код так задуман
@azainvestgroup3527
@azainvestgroup3527 Год назад
Индекс ставь не 1 а 0 все работает. По крайней мере для всей странице
@pharidaart
@pharidaart 2 года назад
необходимо наложить шейп поверх зеро-блока, потом посмотреть его код в код для шума?
@David-zh9zb
@David-zh9zb 10 месяцев назад
У меня такой вопрос. В тильде есть возможность добавить снежинки на обложку страницы. А можно ли сделать эти снежинки на всю страницу?
@designersnezhana
@designersnezhana Год назад
Подскажите как сделать чтобы отобразилось и в мобильной версии, шум? Отображается только на компьютере(
@depresar
@depresar Год назад
благодарю, добрый человек. Подписался и лайк =)
@mari.orrrel
@mari.orrrel 2 года назад
Нету клавиши "исследовать элемент". Что делать?)
@ЕлизаветаАрхипова-ш7д
Добрый день, а можно сделать такой шум например в блоке с товарами?
@mems_browser
@mems_browser 3 года назад
Спасибо за видео. Все получилось, есть только одно НО. В zeroblock, где я делал shape и вставлял туда шум, виден на сайте, как пустой белый блок. Как это исправить, как убрать, чтобы не был виден этот блок?
@nikitafeston
@nikitafeston 3 года назад
Выставить значение контейнера "0"
@mems_browser
@mems_browser 3 года назад
@@nikitafeston Спасибо большое
@andriyanova_design
@andriyanova_design 2 года назад
@@nikitafeston а где выставляется это значение? Не могу нигде найти
@andriyanova_design
@andriyanova_design 2 года назад
@@nikitafeston выставляла высоту зеро блока с гифкой 0 пикселей, не помогло((
@ВсеБеру-ъ3л
@ВсеБеру-ъ3л 2 года назад
В бесплатной версии можно фон установить?
@indiewhale
@indiewhale 5 месяцев назад
Спасибо вам большое!
@ЮлияМамцева-ш1з
@ЮлияМамцева-ш1з 3 года назад
у меня не работает код, в чем может быть проблема?
@shilkina28
@shilkina28 3 года назад
Спасибо большое, вставляла уже все подряд и не получалось))))
@syrocheq
@syrocheq 11 месяцев назад
Очень круто, спасибо большое
@reznikdead7460
@reznikdead7460 2 года назад
как черным его сделать?
@РоманГигола-ъ9п
@РоманГигола-ъ9п 3 года назад
Не понимаю почему этот шум поверх всех картинок у меня. Мне не так надо. Как убрать подскажи плз)
@goldsteinsam
@goldsteinsam 3 года назад
поиграйся в коде с параметром z-index, поставь значение 1, например
@autumnsunset8456
@autumnsunset8456 Год назад
спасибо огромное!! получилось все🥰
@alexminenko2172
@alexminenko2172 4 года назад
Спасибо за видео! А как делать сложные переходы между страницами? А ля смена страниц как в книге или как-то ещё?
@design_scripts
@design_scripts 4 года назад
Анимированные переходы? Довольно простое решение было у тильдошной опять же: tildoshnaya.com/modification/preloader Что-то своё - библиотеки gsap и barba.js
@alexminenko2172
@alexminenko2172 4 года назад
@@design_scripts вот я как раз и за более сложные. У тильдошной довольно ограниченные варианты. Вот возможно ли бутстрап подключить к тильде или нужно писать отдельный код под каждый переход? Или он тут не нужен? Тильде очень экономит время и хочется из неё видать потенциал писанного сайта
@АлексейБукатюк-к5т
Только вчера увидел этот эффект в портфолио - а сейчас уже могу его использовать в своих работах! Очень круто, спасибо :)
@design_scripts
@design_scripts 4 года назад
Феномен Баадера - Майнхоф в действии :D
@billyfred9107
@billyfred9107 4 года назад
Круто! А можешь сделать видео на код тильдошной полноэкранного скрола? Просто мне кажется это очень полезная функция. Поможет повысить глубину просмотра страницы. Только есть одна маленькая загвоздка - всё в блоке, что не влазит в экран - теряется и просмотреть невозможно.
@design_scripts
@design_scripts 4 года назад
С радостью разберу их инструкцию)
@billyfred9107
@billyfred9107 4 года назад
@@design_scripts Спасибо большое! Просто после просмотра вебвизора в голову взбрела мысль, что если бы был полноэкранный скролл, к примеру, для преимуществ или блоков с эмоциональным влиянием, то люди бы больше вникались и прочитывали
@dmitrievdesign2345
@dmitrievdesign2345 4 года назад
Да, согласен, очень эффективное решение на сайте. Тестировал этот фунционал, прикольно получилось, но главное и интересный контент/смысл сайта. В любом случае Стас - ждем видосик! 🤗👍🏻
@вТренде-й8г
@вТренде-й8г 4 года назад
лайк как обычно чаще видео делай) красава
@АнастасияТиторенко-е3й
Спасибо, когда видела подобное на сайтах думала, как? Но пока еще не искала, а тут вон оно как🙈 спасибо вам и Ютубу🔥
@helllacorn
@helllacorn Год назад
какой же лучший
@tyler55
@tyler55 3 года назад
Большое спасибо за годный контент
@rudzis_id
@rudzis_id 9 месяцев назад
Шпасиба :)
@sergeyfrolov9790
@sergeyfrolov9790 3 года назад
Хорош) просто и доступно, прям как надо. Лайковский!
@postinor5893
@postinor5893 4 года назад
Не получилось. Повторял все один в один. Код копировал и редактировал так же как и в видео. В чем может быть проблема?
@design_scripts
@design_scripts 4 года назад
Классный ник) Пиши в вк, разберёмся
@innamelentieva4276
@innamelentieva4276 3 года назад
Спасибо) Пошла пробовать!
@alex_k0s
@alex_k0s 3 года назад
Thx bro )!
@artemvasilev9220
@artemvasilev9220 3 года назад
Отличное видео. Спасибо)
@alexleaf8277
@alexleaf8277 4 года назад
Лайк! скинул видео в чат Hello Tildoshnaya )
@design_scripts
@design_scripts 4 года назад
От души) Это официальный чат тильдошников?
@МарияДроздетская-ф2у
Спасибо за ваши видео!
@dallaspayne8610
@dallaspayne8610 4 года назад
Самый крутой канал по тильде отвечаю. Продолжай делать видео!
@design_scripts
@design_scripts 4 года назад
Продолжаю)
@АнастасияМазуровская-с9г
Вы супер, спасибо!
@ПавелНосов-л5о
@ПавелНосов-л5о 4 года назад
лайк не глядя
@vitasgref777
@vitasgref777 4 года назад
Ребята не против ) и ещё есть расширение для копирования классов элементов без инструментов разработчика
@design_scripts
@design_scripts 4 года назад
Привет) Да, офигенное расширение, но я хочу научить людей сначала работать ручками, потому что дальше у меня контент будет сложнее ;) П.С. Хочу замутить с вами совместный контент. Ко мне едет новый микро и звуковая карта)
@vitasgref777
@vitasgref777 4 года назад
@@design_scripts класс!) пиши в телеграмм @vitas_gref
@Фрилансерзасотку
@Фрилансерзасотку 4 года назад
Бомба! Про паттерн на весь экран на тильде я знал, но было лень гуглить и искать его)
@design_scripts
@design_scripts 4 года назад
И вот удачно вылезла обучалка)
@МихаилКотельников-д5ь
Полезный контент делаешь! Спасибо! Какое расширение используешь для Chrome для загрузки, чтобы потом скачанный файл перетаскивать прямо из панели?
@design_scripts
@design_scripts 4 года назад
Спасибо) Если ты про тот момент, когда я вставляю гифку, то это стандартные возможности яндекс браузера
@МихаилКотельников-д5ь
@@design_scripts Понятно) Я думал это Chrome)
@НатальяБыстрицкая-я4э
Круто! Очередное шикарное видео по tilda, спасибо тебе
@design_scripts
@design_scripts 4 года назад
Спасибо за коммент, стараюсь)
@shuto_diana
@shuto_diana 3 года назад
Привет! Большое спасибо за видео, но есть ли возможность сделать так, чтобы шум был под другими элементами страницы, а не сверху?
@МарияПатрушева-з8ж
Попробуй поставить z-index: 1 !important; вместо того значения что было
@АндрейКолдовский-е3ф
@@МарияПатрушева-з8ж спасибо большое!
@Calamnity1731
@Calamnity1731 2 года назад
Если что, я проверила этот ответ, он не работает. Сэкономлю время тем, кто будет пытаться)
@azainvestgroup3527
@azainvestgroup3527 Год назад
@@Calamnity1731 Я индекс ставлю 0 и все работает)
@Kristvorit
@Kristvorit 4 года назад
Спасибо!!!!) очень помогло)))
@design_scripts
@design_scripts 4 года назад
Рад это слышать)
@o.ssultan
@o.ssultan 4 года назад
Как же я ждал этот видео
@design_scripts
@design_scripts 4 года назад
Дождался😉
@maksymvoronkov9112
@maksymvoronkov9112 4 года назад
Спасибо за полезное видео!
@design_scripts
@design_scripts 4 года назад
И тебе спасибо за просмотр и комментарий)
@AlexanderEgorov-t3m
@AlexanderEgorov-t3m 4 года назад
Топчик! Респект)
@design_scripts
@design_scripts 4 года назад
Спасибо, рад, что понравилось)
@dmitrievdesign2345
@dmitrievdesign2345 4 года назад
Стас, спасибо! 👍🏻
@design_scripts
@design_scripts 4 года назад
И тебе спасибо за коммент👏
@wowmeow961
@wowmeow961 4 года назад
Спасибо, ман, за крутые видео! ;) Продолжай радовать нас контентом! Подскажи, пожалуйста, как добавить шум паттерна не в ZERO block, а к примеру в блок "CR12 - Галерея" ?
@design_scripts
@design_scripts 4 года назад
Только CR12 - это не галерея, а обложка. Быть может, я неправильно понял, но всё равно, держи код для обложки CR12: pastebin.com/raw/AZTEXMm2 Точно таким же образом создаешь шейп с гифкой в любом зеро блоке, а затем скрипт переносит созданный тобой шейп на обложку
@wowmeow961
@wowmeow961 4 года назад
@@design_scripts Спасибо большое! Работает :) Только как теперь скрыть Zero Block ?) он виден как белое поле после CR12 ...
@wowmeow961
@wowmeow961 4 года назад
И прозрачность остаётся 100 % в CR12, хотя в Zero Block сделал 10%...
@design_scripts
@design_scripts 4 года назад
В тег напиши: #rec999999999 { display:none; } Вроде, должно сработать, но если вдруг пропадёт шум на обложке, то тогда попробуй в после кода с append прописать: $("#rec999999999").css("display", "none");
@design_scripts
@design_scripts 4 года назад
Либо первое, либо второе
Далее
#慧慧很努力#家庭搞笑#生活#亲子#记录
00:11
БАГ ЕЩЕ РАБОТАЕТ?
00:26
Просмотров 96 тыс.
Лиса🦊 УЖЕ НА ВСЕХ ПЛОЩАДКАХ!
00:24
#慧慧很努力#家庭搞笑#生活#亲子#记录
00:11