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

Рет қаралды 29,499

3 жыл бұрын

Паттерн на весь экран Tilda | Шум на фон в Zero block
Сегодня я покажу, как с помощью кода от Tildoshnaya на tilda zero block можно добавить шум на фон или паттерн на весь экран. Если остались какие-то вопросы по тильде, зеро блоку или эффекту шума на фон, пишите в комментарии.
🦜Поддержать автора копейкой: www.donationalerts.com/r/swan4er
Ссылка на код от tildoshnaya для tilda zero block: tildoshnaya.com/modification/...
___________________________________________
✅Поделись видео с друзьями: • Паттерн на весь экран ...
✅Подпишись на канал и поставь🔔: / @design_scripts
Паттерн на весь экран Tilda | Шум на фон в Zero block
___________________________________________
ВК: id117174434
Instagram: / bistricky_stanislav
Email: rootdesign.help@gmail.com
___________________________________________
теги:
#tilda, #тильда, #дизайн, #вебдизайн, #design, #тильдошная, #motilda, #zeroblock, #зероблок, #скрипт, #скриптынатильда, #tildaws, #тильдасайт, #tildazeroblock, #тильдаzeroblock

Пікірлер: 117

@design_scripts 3 жыл бұрын

Многие спрашивали, многие просили записать видео по паттерну. Держите :D С этого момента видосы на канале выходят 2 раза в неделю: вторник и пятница (как было изначально написано в шапке). Если буду лениться, можете пинать меня в лс) Приятного просмотра. Обнял

@sergeyfrolov9790 3 жыл бұрын

Хорош) просто и доступно, прям как надо. Лайковский!

@user-ur8bk6hw6v 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

Приятно слышать, бро🤙

@user-vj4ou1uq5c 3 жыл бұрын

Круто! Очередное шикарное видео по tilda, спасибо тебе

@design_scripts 3 жыл бұрын

Спасибо за коммент, стараюсь)

@user-se7tz2bc8d 3 жыл бұрын

Спасибо, когда видела подобное на сайтах думала, как? Но пока еще не искала, а тут вон оно как🙈 спасибо вам и Ютубу🔥

@user-xh5ew6mb1d 3 жыл бұрын

Только вчера увидел этот эффект в портфолио - а сейчас уже могу его использовать в своих работах! Очень круто, спасибо :)

@design_scripts 3 жыл бұрын

Феномен Баадера - Майнхоф в действии :D

@innamelentieva4276 2 жыл бұрын

Спасибо) Пошла пробовать!

@artemvasilev9220 3 жыл бұрын

Отличное видео. Спасибо)

@yermatoff 10 ай бұрын

Ребята, кто парится с блоком который видно, не надо его скрывать просто добавьте этот элемент с гифкой вообще в любой зеро на странице (имею ввиду те которые итак должны быть видны) и ничего не надо будет скрывать или делать лишние зеро блоки.

@depresar 11 ай бұрын

благодарю, добрый человек. Подписался и лайк =)

@user-nf5jg6fl6j 2 жыл бұрын

Спасибо за ваши видео!

@user-ys1gl8wd5f 3 жыл бұрын

Вы супер, спасибо!

@user-le3zi4hv5f 3 жыл бұрын

Бомба! Про паттерн на весь экран на тильде я знал, но было лень гуглить и искать его)

@design_scripts 3 жыл бұрын

И вот удачно вылезла обучалка)

@syrocheq 9 ай бұрын

Очень круто, спасибо большое

@dallaspayne8610 3 жыл бұрын

Самый крутой канал по тильде отвечаю. Продолжай делать видео!

@design_scripts 3 жыл бұрын

Продолжаю)

@tyler55 3 жыл бұрын

Большое спасибо за годный контент

@o.ssultan 3 жыл бұрын

Как же я ждал этот видео

@design_scripts 3 жыл бұрын

Дождался😉

@indiewhale 3 ай бұрын

Спасибо вам большое!

@autumnsunset8456 Жыл бұрын

спасибо огромное!! получилось все🥰

@maksymvoronkov9112 3 жыл бұрын

Спасибо за полезное видео!

@design_scripts 3 жыл бұрын

И тебе спасибо за просмотр и комментарий)

@dmitrievdesign2345 3 жыл бұрын

Стас, спасибо! 👍🏻

@design_scripts 3 жыл бұрын

И тебе спасибо за коммент👏

@Kristvorit 3 жыл бұрын

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

@design_scripts 3 жыл бұрын

Рад это слышать)

@shilkina28 3 жыл бұрын

Спасибо большое, вставляла уже все подряд и не получалось))))

@user-dy3qq9oc3d 3 жыл бұрын

лайк как обычно чаще видео делай) красава

@angelinakudri7912 Жыл бұрын

Спасибо большое! Делала первый шум на сайте в своей жизни и получилось на ура! Чтобы самого блока с шумом не было видно, я сделала высоту блока 0px 👍🏻

@designersnezhana Жыл бұрын

А я его просто спрятала)

@azainvestgroup3527 Жыл бұрын

@@designersnezhana Снежана а как вы его спрятали?)) Проинструктируйте пожалуйста))

@user-gr8vr5kf3l 3 жыл бұрын

Топчик! Респект)

@design_scripts 3 жыл бұрын

Спасибо, рад, что понравилось)

@rudzis_id 7 ай бұрын

Шпасиба :)

@helllacorn Жыл бұрын

какой же лучший

@user-yy8eh9hl3c 3 жыл бұрын

лайк не глядя

@alex_k0s 3 жыл бұрын

Thx bro )!

@alexleaf8277 3 жыл бұрын

Лайк! скинул видео в чат Hello Tildoshnaya )

@design_scripts 3 жыл бұрын

От души) Это официальный чат тильдошников?

@natalynechayeva1927 2 жыл бұрын

Здравствуйте. Подскажите, пожалуйста, зачем нужен первый вариант? Ведь можно шейп с шумом поставить на первый план и отключить ему pointer ivents?

@user-si1uo1iz8o 3 жыл бұрын

Полезный контент делаешь! Спасибо! Какое расширение используешь для Chrome для загрузки, чтобы потом скачанный файл перетаскивать прямо из панели?

@design_scripts 3 жыл бұрын

Спасибо) Если ты про тот момент, когда я вставляю гифку, то это стандартные возможности яндекс браузера

@user-si1uo1iz8o 3 жыл бұрын

@@design_scripts Понятно) Я думал это Chrome)

@pharidaart 2 жыл бұрын

необходимо наложить шейп поверх зеро-блока, потом посмотреть его код в код для шума?

@user-bd9kg5vu7s 2 жыл бұрын

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

@staypositivedontbescared Жыл бұрын

Спасибо, очень полезный видос, поставил лайк. Но вот вопрос: такое впечатление, что шум встал не на фоне, а над всеми элементами сайта. Можно ли его переместить на самый нижний из слоев?

@azainvestgroup3527 Жыл бұрын

Все просто. Индекс где 99999 поставь 0

@billyfred9107 3 жыл бұрын

Круто! А можешь сделать видео на код тильдошной полноэкранного скрола? Просто мне кажется это очень полезная функция. Поможет повысить глубину просмотра страницы. Только есть одна маленькая загвоздка - всё в блоке, что не влазит в экран - теряется и просмотреть невозможно.

@design_scripts 3 жыл бұрын

С радостью разберу их инструкцию)

@billyfred9107 3 жыл бұрын

@@design_scripts Спасибо большое! Просто после просмотра вебвизора в голову взбрела мысль, что если бы был полноэкранный скролл, к примеру, для преимуществ или блоков с эмоциональным влиянием, то люди бы больше вникались и прочитывали

@dmitrievdesign2345 3 жыл бұрын

Да, согласен, очень эффективное решение на сайте. Тестировал этот фунционал, прикольно получилось, но главное и интересный контент/смысл сайта. В любом случае Стас - ждем видосик! 🤗👍🏻

@user-be8wy9jq2n 3 жыл бұрын

А что если в мобильной версии все это странно работает 😭 шейп с гиф покрывает только небольшую часть

@polinakoshelnikova1797 3 жыл бұрын

такой же вопрос

@user-jz5wh2yc6x 3 жыл бұрын

поддерживаю

@iramihh8072 Жыл бұрын

Я решила проблему) Нужно длину и высоту поставить больше, чем 100vh

@Hidaomari 11 ай бұрын

А что делать, если в "background-size: auto !important" поменял на 50px, о размер все равно не уменьшился? :( Отображается такой же размер, как и у шейпа в зероблоке. То есть 100%

@designersnezhana Жыл бұрын

Подскажите как сделать чтобы отобразилось и в мобильной версии, шум? Отображается только на компьютере(

@David-zh9zb 8 ай бұрын

У меня такой вопрос. В тильде есть возможность добавить снежинки на обложку страницы. А можно ли сделать эти снежинки на всю страницу?

@alexminenko2172 3 жыл бұрын

Спасибо за видео! А как делать сложные переходы между страницами? А ля смена страниц как в книге или как-то ещё?

@design_scripts 3 жыл бұрын

Анимированные переходы? Довольно простое решение было у тильдошной опять же: tildoshnaya.com/modification/preloader Что-то своё - библиотеки gsap и barba.js

@alexminenko2172 3 жыл бұрын

@@design_scripts вот я как раз и за более сложные. У тильдошной довольно ограниченные варианты. Вот возможно ли бутстрап подключить к тильде или нужно писать отдельный код под каждый переход? Или он тут не нужен? Тильде очень экономит время и хочется из неё видать потенциал писанного сайта

@user-kh4yk2vo9s 2 жыл бұрын

В бесплатной версии можно фон установить?

@wowmeow961 3 жыл бұрын

Спасибо, ман, за крутые видео! ;) Продолжай радовать нас контентом! Подскажи, пожалуйста, как добавить шум паттерна не в ZERO block, а к примеру в блок "CR12 - Галерея" ?

@design_scripts 3 жыл бұрын

Только CR12 - это не галерея, а обложка. Быть может, я неправильно понял, но всё равно, держи код для обложки CR12: pastebin.com/raw/AZTEXMm2 Точно таким же образом создаешь шейп с гифкой в любом зеро блоке, а затем скрипт переносит созданный тобой шейп на обложку

@wowmeow961 3 жыл бұрын

@@design_scripts Спасибо большое! Работает :) Только как теперь скрыть Zero Block ?) он виден как белое поле после CR12 ...

@wowmeow961 3 жыл бұрын

И прозрачность остаётся 100 % в CR12, хотя в Zero Block сделал 10%...

@design_scripts 3 жыл бұрын

В тег напиши: #rec999999999 { display:none; } Вроде, должно сработать, но если вдруг пропадёт шум на обложке, то тогда попробуй в после кода с append прописать: $("#rec999999999").css("display", "none");

@design_scripts 3 жыл бұрын

Либо первое, либо второе

@Alibeksambetov01 2 ай бұрын

Как можна добавить мелькие шумы а не огромные?

@reznikdead7460 Жыл бұрын

как черным его сделать?

@shuto_diana 3 жыл бұрын

Привет! Большое спасибо за видео, но есть ли возможность сделать так, чтобы шум был под другими элементами страницы, а не сверху?

@user-yg8on2vv3f 3 жыл бұрын

Попробуй поставить z-index: 1 !important; вместо того значения что было

@user-dz8ce4qr2y 3 жыл бұрын

@@user-yg8on2vv3f спасибо большое!

@Calamnity1731 Жыл бұрын

Если что, я проверила этот ответ, он не работает. Сэкономлю время тем, кто будет пытаться)

@azainvestgroup3527 Жыл бұрын

@@Calamnity1731 Я индекс ставлю 0 и все работает)

@mems_browser 2 жыл бұрын

Спасибо за видео. Все получилось, есть только одно НО. В zeroblock, где я делал shape и вставлял туда шум, виден на сайте, как пустой белый блок. Как это исправить, как убрать, чтобы не был виден этот блок?

@nikitafeston 2 жыл бұрын

Выставить значение контейнера "0"

@mems_browser 2 жыл бұрын

@@nikitafeston Спасибо большое

@andriyanova_design 2 жыл бұрын

@@nikitafeston а где выставляется это значение? Не могу нигде найти

@andriyanova_design 2 жыл бұрын

@@nikitafeston выставляла высоту зеро блока с гифкой 0 пикселей, не помогло((

@HaidiRabotu 3 жыл бұрын

Спасибо за инструкцию, а как убрать сам зеро блок с gif? Т.к. он отображается на сайте.

@user-qn3ej9qj7m 3 жыл бұрын

Разобрался?

@user-yy7pf4id5w 2 жыл бұрын

Тот же вопрос) вы разобрались, как убрать созданный зеро блок , чтоб при этом гиф осталась?

@user-qn3ej9qj7m 2 жыл бұрын

@@user-yy7pf4id5w да, все на самом деле просто. Поставь высоту блока (в котором гифка) на 0 px

@andriyanova_design 2 жыл бұрын

@@user-qn3ej9qj7m мне не помогло((

@ilvir021 6 ай бұрын

Делаю всё по видео, но у меня почему-то паттерн получается сверху всех слоев, хотя в коде указано z-index: 99999999 !important; Подскажите, пожалуйста, в чем может быть проблема. Если прозрачность ставить на 20, то там конечно незаметно, но иногда паттерны нужны без прозрачности.

@ilvir021 6 ай бұрын

Короч разобрался сам. Просто использовал блок T674, вместо этих танцев с бубном (с кодом). Он позволяет поставить паттерн на всю страницу.

@askarzamalov3517 3 жыл бұрын

Респект за качественный контент по тильде) У меня возникла проблема с отображением паттерна поверх изображений. Может, кто-нибудь знает как это исправить?

@shilkina28 3 жыл бұрын

Никак, это надо менять код, этот код так задуман

@azainvestgroup3527 Жыл бұрын

Индекс ставь не 1 а 0 все работает. По крайней мере для всей странице

@mari.orrrel 2 жыл бұрын

Нету клавиши "исследовать элемент". Что делать?)

@user-hm9td6mf8p 2 жыл бұрын

у меня не работает код, в чем может быть проблема?

@nastasica_rook8968 Ай бұрын

Привет! Мне нужна помощь! Установила код, все работает, но этот шейп с гивкой появляется на сайте отдельным блоком, а если его скрыть, то эффект пропадает... Ка это можно пофиксить? Заранее спасибо)

@rikitiki4234 Ай бұрын

Я в блоке с шумом установил размер в 0 пикселей, шум остался, а блок ушел

@vitasgref777 3 жыл бұрын

Ребята не против ) и ещё есть расширение для копирования классов элементов без инструментов разработчика

@design_scripts 3 жыл бұрын

Привет) Да, офигенное расширение, но я хочу научить людей сначала работать ручками, потому что дальше у меня контент будет сложнее ;) П.С. Хочу замутить с вами совместный контент. Ко мне едет новый микро и звуковая карта)

@vitasgref777 3 жыл бұрын

@@design_scripts класс!) пиши в телеграмм @vitas_gref