Делаем боковые вкладки кодом в Zero Block Тильды

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

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

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

    Все ок, но почему курсор не меняется на палец?

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

      {cursor: pointer} в CSS для классов переключателя надо закинуть, забыл про это

    • @maliK-hamdan
      @maliK-hamdan Год назад

      @@germandolgin точно в CSS? у меня не работает там, вставлял, мб в самом коде?

    • @o.lm299
      @o.lm299 Год назад

      для курсора добавьте в конце:
      .SwitchOne {
      cursor:pointer;
      }
      .SwitchTwo {
      cursor:pointer;
      }
      .SwitchThree {
      cursor:pointer;
      }
      .SwitchFour {
      cursor:pointer;
      }
      у меня так получилось:)

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

    Спасибо, спасибо, спасибо!!!)
    Очень круто что ты рассказываешь про код для тильды!

  • @serjalbov
    @serjalbov 2 года назад +7

    Лучший туториал что я видел, это божественно. Подача просто великолепная.

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

    Большое спасибо за туториал, все понятно и просто. Спас мне кучу времени на поиски программиста!

  • @lee_katy
    @lee_katy Год назад +1

    Вааааау большущее спасибо за такое полезное видео!!!! Чтобы я без вас делала
    Да еще и код прикреплен в описании, просто чудо, а не человек ✨

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

    Спасибо большое за видео, это просто супер огонь, нет слов

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

    Спасибо вам большое!!! Вы капитальный красавчик!!!

  • @Ирина-и7д-ф5й
    @Ирина-и7д-ф5й Год назад

    Огромное спасибо
    🙏💰

  • @user-digital-cat
    @user-digital-cat 2 года назад +1

    С боковым скроллом - вообще шикардос! Спасибо!!!! И с основным кодом вкладок/свитчеров всё разжевано понятно и доступно.

  • @Юлия-ш5д4б
    @Юлия-ш5д4б 2 года назад

    Герман! Спасибо, спасиибо! Буду пробовать!

  • @НикаНикитина-ш5н
    @НикаНикитина-ш5н 2 года назад

    Лучшее объяснение всего что происходит и что сделано!!! сколько не смотрела видео по тильде, тут все идеально, по полочкам, спасибо

  • @СофияМаланцева
    @СофияМаланцева 2 года назад

    Спасибо вам большое!С помощью вашего видео, у меня получилось сделать в каталоге из вкладки еще вкладку

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

    Спасибо! Всё по делу, очень подробно. Прямо то, что искала)

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

    ❤ Огромное спасибо!
    Вы великолепен! Я так рада, что у меня всё получилось по вашим гайдам!

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

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

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

    Самые любимые ролики по тильде твои, дружище, спасибо тебе)🤝

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

    Спасибо огромное!! Без проблем реализовала вкладки)

  • @РэяРэя-я8ю
    @РэяРэя-я8ю 2 года назад

    Спасибо большое! Очень все понятно объясняете)

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

    Всегда с интересом тебя смотрю, спасибо!

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

    Спасибо!!!!!!!!!!!!!!!!!!!!!!!

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

    СПАСИБО ОГРОМНОЕ, ДАЙ БОГ ТЕБЕ ЗДОРОВЬЯ!

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

    Ты гений! Благодарю

  • @МарияБутримова-е2е
    @МарияБутримова-е2е 2 года назад

    Спасибо большое! Очень полезное видео, пойду разбираться ❤️🌚

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

    Спасибо огромное за такой качественный контент

  • @СергейКондулуков-з9ч

    Герман супер. Я в ЯваСкрипт не очень разбираюсь. Но и то кое что понял.

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

    Спасибо, прям сейчас чесал голову как реализовать задуманное и тут видео завезли! Спасибо ограмадное прям!!!

  • @artemkhaleev9108
    @artemkhaleev9108 11 месяцев назад

    Спасибо! А если мне два экрана нужно сделать таким образом, что нужно менять во втором скрипте?

  • @ОльгаМаркелова-у1м
    @ОльгаМаркелова-у1м 2 года назад

    Огромное спасибо за видео!

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

    Герман, мужик👍🏻👍🏻👍🏻👍🏻

  • @ТатьянаНестерова-ц9о

    спасибо огромное!!!

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

    Здравствуйте спасибо большое за полезное видео, применила его в своем проекте, но у меня возник вопросы. При открытии опубликованной страницы, не скрываются 2,3,4 вкладки - они видимые. Подскажите пожалуйста из-за чего такое может быть? Код перепроверяла несколько раз делала все по инструкции

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

    а если блоки разгоно размера код будет работать?

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

    Добрый день
    При применении параметра стиля background-color цвет накладывается наверх контента во вкладке, а у вас на видео он под. Как это поправить?

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

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

  • @ВладЛитвинов-е4с
    @ВладЛитвинов-е4с 3 года назад

    Согласен, котов много не бывает )

  • @d.b.cooper539
    @d.b.cooper539 2 года назад +3

    Привет. А подскажи пожалуйста, если табы я сделал кнопками в зеро, как правильно задать параметры стилей, чтобы при нажатии на таб (кнопку) менялся цвет её текста. Буду тебе очень признателен за помощь!

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

      Здравствуйте. Скажите, пожалуйста, у вас получилось? Пытаюсь прописывать color, но не получается изменить цвет текста

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

      @@cholpon3926 из-за пробела скорре всего в коде где двоеточие

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

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

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

      привет! opacity:100%; а сами прозрачные плашки в зеро под слоем текста и картинки)

  • @tatyanao.6368
    @tatyanao.6368 Год назад

    Этот код работает только для блоков zero?

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

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

  • @KT-hf1wm
    @KT-hf1wm 2 года назад +1

    Спасибо огромное! я новичок, но разобралась и сделала как мне нужно на 5 вкладок, но единственное что не вышло - это при наведении на вкладку у меня триггерный шейп перекрывает цветом картинку, а тут котики не затемняются...буду ковырять дальше))

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

    Здравствуйте, спасибо за инструкцию и код. У меня в зеро блоках галереи, отключила LazyLoad для них, но при переключении табов, всё равно первая картинка в галерее не подтягивается, картинки подтягиваются только после клика на стрелку, даже пробовала отключить LazyLoad у всего проекта, не помогло. Можно как то это исправить?

  • @ИванБакастов-х6ж
    @ИванБакастов-х6ж 3 года назад +1

    Эт я так с вами я яваскриптить научусь. 🙃

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

    Тутор клевый, большое спасибо! Но почему-то у меня он не работает(
    Сделал все то же, но сами переключения у меня в самих zero, в этом может быть проблема?

  • @Anna-tc1bs
    @Anna-tc1bs 2 года назад

    Привет! Классное видео, вче оч понятно рассказано, но у меня не все получается 😅 На этапе скрытия первого слайда и показа второго, не получается продолжить. Работает только изменение цвета, а сам слайд на второй не меняется. В чем может быть проблема? Всё перепроверила...

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

    Интересно, вчера впервые открыл тильду. Никогда не думал что пригодиться она. Это что же получается, к ней по умолчанию прикручен jquery?

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

    сделала 5 переключателей, первые 3 работают идеально, 4 и 5 с переменным успехом - то тыкаются, то нет. не подскажите, с чем может быть связана проблема?

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

      Честно говоря так сложно сказать. Думаю что где то в коде ошибка

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

    Приветствую, как можно сделать по hover, чтобы изменения были при наведении(что-то не получается код преобразовать)

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

      Это можно сделать вообще без кода

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

      Наверное, можно какой-то простенький типа заливки, но если хочется что-то поинтереснее? Лайтовую анимашку или типа того?)

  • @ОльгаМаркелова-у1м
    @ОльгаМаркелова-у1м 2 года назад

    Подскажите пожалуйста, как сделать так, чтобы код работал в определенном диапазоне видимости, например от 600px до бесконечности? Если просто изменить в настройках блока тильды, он перестает корректно работать

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

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

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

    Если на одной из вкладок добавлена фотогалерея, то даже с выключенным LazyLoad она не загружается((( как с этим быть?

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

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

  • @ЕленаИгнашева-ф9б
    @ЕленаИгнашева-ф9б 2 года назад

    Герман, добрый день! Спасибо за код и крутой урок, очень всё понятно! Сделала всё как у вас, всё сначала получилось, все скрылось, всё работало. Потом сделала копии блоков, которые в слайде (они мне нужны для мобильной версии, так как там выпадающий формат), в коде ещё раз проверила id, чтобы были нужные, но теперь блоки не скрываются по умолчанию, а только когда я нажимаю на кнопки боковые, что посмотреть? в чем может быть проблема?

    • @ЕленаИгнашева-ф9б
      @ЕленаИгнашева-ф9б 2 года назад

      Методом проб я разобралась, что это глючит из-за того, что стоит ограничение, чтобы эти блоки отображались только на компьютере, а не на телефоне. И как решить эту проблему не знаю.

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

      @@ЕленаИгнашева-ф9б Здравствуйте!
      Удалось разобраться?

    • @ЕленаИгнашева-ф9б
      @ЕленаИгнашева-ф9б Год назад

      @@VA008, да, спасибо, уже давно сдала проект клиентам. Всё хорошо.

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

      @@ЕленаИгнашева-ф9б Подскажите пожалуйста как исправили. Просто тоже сижу с этим и не понимаю как исправить. Буду очень благодарен

    • @ЕленаИгнашева-ф9б
      @ЕленаИгнашева-ф9б Год назад

      @@VA008 я скрывала блоки на устройствах через код. То есть не через Тильду и её ползунок, а прописала в коде для тех блоков, которые участвуют в этом скрипте

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

    Переменная "var" я слышал уже устарела, сейчас более актуально - это "let". А так за видос спасибо!)

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

    Попробовала повторить, но даже на первом этапе, блоки не скрываются ненужные(

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

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

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

    Почему то не присваивается стиль.

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

    Это конечно расширение возможностей, но это колхоз

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

      что именно?