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

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 122

  • @design_scripts
    @design_scripts  4 года назад +9

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

    • @kolena3786
      @kolena3786 Месяц назад

      Умоляю, помогите!!!!Подскажите пожалуйста, а как сделать этот шум на блок FD401 слайдер для новостей, подробное описание новости открывается как pop-up

  • @angelinakudri7912
    @angelinakudri7912 Год назад +3

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

    • @designersnezhana
      @designersnezhana Год назад

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

    • @azainvestgroup3527
      @azainvestgroup3527 Год назад

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

  • @Герцог-ф4з
    @Герцог-ф4з 4 года назад +3

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @yermatoff
    @yermatoff Год назад +4

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

  • @АлексейБукатюк-к5т
    @АлексейБукатюк-к5т 4 года назад +1

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @faevdsgn
    @faevdsgn Год назад

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

  • @АнастасияТиторенко-е3й

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

  • @sergeyfrolov9790
    @sergeyfrolov9790 4 года назад

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

  • @indiewhale
    @indiewhale 9 месяцев назад

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

  • @НатальяБыстрицкая-я4э

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @Фрилансерзасотку
    @Фрилансерзасотку 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @dallaspayne8610
    @dallaspayne8610 4 года назад

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

  • @lynn.balapush
    @lynn.balapush 2 месяца назад

    какое хорошее, спасибо!

  • @innamelentieva4276
    @innamelentieva4276 3 года назад

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

  • @syrocheq
    @syrocheq Год назад

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

  • @ZhanS208
    @ZhanS208 5 месяцев назад +1

    Спасибо вам! Вопрос, можно ли этот эффект отправить на задний фон, что бы элементы были впереди???

  • @o.ssultan
    @o.ssultan 4 года назад

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

  • @МарияДроздетская-ф2у

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

  • @shilkina28
    @shilkina28 3 года назад

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

  • @Aldikjo
    @Aldikjo 5 месяцев назад

    Спасибо)

  • @Hidaomari
    @Hidaomari Год назад +2

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

  • @АнастасияМазуровская-с9г

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

  • @autumnsunset8456
    @autumnsunset8456 2 года назад

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

  • @artemvasilev9220
    @artemvasilev9220 4 года назад

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

  • @natalynechayeva1927
    @natalynechayeva1927 3 года назад +2

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

  • @вТренде-й8г
    @вТренде-й8г 4 года назад

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

  • @tyler55
    @tyler55 3 года назад

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

  • @rudzis_id
    @rudzis_id Год назад

    Шпасиба :)

  • @РеставраторАвтодомаисемьи

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

    • @polinakoshelnikova1797
      @polinakoshelnikova1797 3 года назад

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

    • @ИркаЧерчилль
      @ИркаЧерчилль 3 года назад

      поддерживаю

    • @iramihh8072
      @iramihh8072 2 года назад +1

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

  • @maksymvoronkov9112
    @maksymvoronkov9112 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @Lina-c2r
    @Lina-c2r Месяц назад

    Вопрос на которой ответ хотят получить многие(судя по комментариям). Как убрать zero-block с гифкой. Ставить высоту 0 - не помогает, display:none - аналогично

  • @helllacorn
    @helllacorn Год назад

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

  • @dmitrievdesign2345
    @dmitrievdesign2345 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад +1

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

  • @AlexanderEgorov-t3m
    @AlexanderEgorov-t3m 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @Kristvorit
    @Kristvorit 4 года назад

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

  • @staypositivedontbescared
    @staypositivedontbescared 2 года назад +3

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

    • @azainvestgroup3527
      @azainvestgroup3527 Год назад +4

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

  • @alexleaf8277
    @alexleaf8277 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад

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

  • @David-zh9zb
    @David-zh9zb Год назад

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

  • @ПавелНосов-л5о
    @ПавелНосов-л5о 4 года назад

    лайк не глядя

  • @ilvir021
    @ilvir021 Год назад

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

    • @ilvir021
      @ilvir021 Год назад

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

  • @pharidaart
    @pharidaart 2 года назад

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

  • @alex_k0s
    @alex_k0s 3 года назад

    Thx bro )!

  • @HaidiRabotu
    @HaidiRabotu 4 года назад +5

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

    • @МихаилБердов-о3ч
      @МихаилБердов-о3ч 3 года назад

      Разобрался?

    • @КатяТригуб-х1к
      @КатяТригуб-х1к 3 года назад

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

    • @МихаилБердов-о3ч
      @МихаилБердов-о3ч 3 года назад +5

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

    • @andriyanova_design
      @andriyanova_design 3 года назад +1

      @@МихаилБердов-о3ч мне не помогло((

  • @designersnezhana
    @designersnezhana Год назад

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

  • @billyfred9107
    @billyfred9107 4 года назад +1

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

    • @design_scripts
      @design_scripts  4 года назад

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

    • @billyfred9107
      @billyfred9107 4 года назад

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

    • @dmitrievdesign2345
      @dmitrievdesign2345 4 года назад

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

  • @ЕлизаветаАрхипова-ш7д

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

  • @Alibeksambetov01
    @Alibeksambetov01 8 месяцев назад

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

  • @mems_browser
    @mems_browser 3 года назад +1

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

    • @nikitafeston
      @nikitafeston 3 года назад +1

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

    • @mems_browser
      @mems_browser 3 года назад

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

    • @andriyanova_design
      @andriyanova_design 3 года назад

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

    • @andriyanova_design
      @andriyanova_design 3 года назад

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

  • @МихаилКотельников-д5ь

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

    • @design_scripts
      @design_scripts  4 года назад

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

    • @МихаилКотельников-д5ь
      @МихаилКотельников-д5ь 4 года назад

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

  • @alexminenko2172
    @alexminenko2172 4 года назад +1

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

    • @design_scripts
      @design_scripts  4 года назад +1

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

    • @alexminenko2172
      @alexminenko2172 4 года назад

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

  • @nastasica_rook8968
    @nastasica_rook8968 8 месяцев назад

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

    • @rikitiki4234
      @rikitiki4234 7 месяцев назад

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

  • @ВсеБеру-ъ3л
    @ВсеБеру-ъ3л 2 года назад

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

  • @askarflex
    @askarflex 4 года назад +2

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

    • @shilkina28
      @shilkina28 3 года назад

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

    • @azainvestgroup3527
      @azainvestgroup3527 Год назад

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

  • @vitasgref777
    @vitasgref777 4 года назад

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

    • @design_scripts
      @design_scripts  4 года назад

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

    • @vitasgref777
      @vitasgref777 4 года назад

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

  • @shuto_diana
    @shuto_diana 4 года назад

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

    • @МарияПатрушева-з8ж
      @МарияПатрушева-з8ж 4 года назад +4

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

    • @АндрейКолдовский-е3ф
      @АндрейКолдовский-е3ф 3 года назад

      @@МарияПатрушева-з8ж спасибо большое!

    • @Calamnity1731
      @Calamnity1731 2 года назад +2

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

    • @azainvestgroup3527
      @azainvestgroup3527 Год назад

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

  • @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 года назад +1

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

    • @design_scripts
      @design_scripts  4 года назад +1

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

  • @reznikdead7460
    @reznikdead7460 2 года назад

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

  • @РоманГигола-ъ9п
    @РоманГигола-ъ9п 3 года назад

    Не понимаю почему этот шум поверх всех картинок у меня. Мне не так надо. Как убрать подскажи плз)

    • @goldsteinsam
      @goldsteinsam 3 года назад +2

      поиграйся в коде с параметром z-index, поставь значение 1, например

  • @mari.orrrel
    @mari.orrrel 3 года назад

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

  • @postinor5893
    @postinor5893 4 года назад

    Не получилось. Повторял все один в один. Код копировал и редактировал так же как и в видео. В чем может быть проблема?

    • @design_scripts
      @design_scripts  4 года назад

      Классный ник)
      Пиши в вк, разберёмся

  • @ЮлияМамцева-ш1з
    @ЮлияМамцева-ш1з 3 года назад

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

  • @aruzhankalieva9983
    @aruzhankalieva9983 Год назад

    спасибо но слишком много лишней болтавни . У людей нет времени