Делаем боковые вкладки кодом в Zero Block Тильды
Вставка
- Опубліковано 26 гру 2021
- Пример из видео + листинги кодов на странице dolginstudio.com/vkladki-kodom
Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.com/course/
Хотите отправить сайт на обзор в ближайший стрим? donatty.com/dolgingerman
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=1407941
Тильда слишком дорого? Попробуйте Craftum craftum.com/id27141/germandolgin
/ germandolgin
Мой инстаграм: / germandolgin
Мой второй канал / germandolginlive
Поддержите автора: donatty.com/dolgingerman
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/5M5z2zrd
Все ок, но почему курсор не меняется на палец?
{cursor: pointer} в CSS для классов переключателя надо закинуть, забыл про это
@@germandolgin точно в CSS? у меня не работает там, вставлял, мб в самом коде?
для курсора добавьте в конце:
.SwitchOne {
cursor:pointer;
}
.SwitchTwo {
cursor:pointer;
}
.SwitchThree {
cursor:pointer;
}
.SwitchFour {
cursor:pointer;
}
у меня так получилось:)
Лучший туториал что я видел, это божественно. Подача просто великолепная.
Большое спасибо за туториал, все понятно и просто. Спас мне кучу времени на поиски программиста!
Спасибо, спасибо, спасибо!!!)
Очень круто что ты рассказываешь про код для тильды!
С боковым скроллом - вообще шикардос! Спасибо!!!! И с основным кодом вкладок/свитчеров всё разжевано понятно и доступно.
Вааааау большущее спасибо за такое полезное видео!!!! Чтобы я без вас делала
Да еще и код прикреплен в описании, просто чудо, а не человек ✨
Лучшее объяснение всего что происходит и что сделано!!! сколько не смотрела видео по тильде, тут все идеально, по полочкам, спасибо
Спасибо большое! Очень все понятно объясняете)
Герман! Спасибо, спасиибо! Буду пробовать!
Самые любимые ролики по тильде твои, дружище, спасибо тебе)🤝
Спасибо! Всё по делу, очень подробно. Прямо то, что искала)
❤ Огромное спасибо!
Вы великолепен! Я так рада, что у меня всё получилось по вашим гайдам!
Спасибо большое! Очень полезное видео, пойду разбираться ❤️🌚
Спасибо вам большое!С помощью вашего видео, у меня получилось сделать в каталоге из вкладки еще вкладку
Всегда с интересом тебя смотрю, спасибо!
Огромное спасибо за видео!
СПАСИБО ОГРОМНОЕ, ДАЙ БОГ ТЕБЕ ЗДОРОВЬЯ!
Спасибо большое за видео, это просто супер огонь, нет слов
Спасибо огромное за такой качественный контент
Спасибо вам большое!!! Вы капитальный красавчик!!!
Ты гений! Благодарю
Огромное спасибо
🙏💰
Спасибо, очень помогли!
Спасибо огромное!! Без проблем реализовала вкладки)
Круто))
спасибо огромное!!!
Герман, мужик👍🏻👍🏻👍🏻👍🏻
Спасибо, прям сейчас чесал голову как реализовать задуманное и тут видео завезли! Спасибо ограмадное прям!!!
Герман супер. Я в ЯваСкрипт не очень разбираюсь. Но и то кое что понял.
Спасибо!!!!!!!!!!!!!!!!!!!!!!!
Спасибо! А если мне два экрана нужно сделать таким образом, что нужно менять во втором скрипте?
Спасибо огромное! я новичок, но разобралась и сделала как мне нужно на 5 вкладок, но единственное что не вышло - это при наведении на вкладку у меня триггерный шейп перекрывает цветом картинку, а тут котики не затемняются...буду ковырять дальше))
У меня на сайте несколько таких экранов с переключателями слайдов (преимущества, тарифы и услуги). Вставляю разные коды для разных экранов сайта, но контент из разных экранов перемешивается между собой. Попробую с вашим кодом. Спасибо за такой подробный разбор
Согласен, котов много не бывает )
а если блоки разгоно размера код будет работать?
Интересно, вчера впервые открыл тильду. Никогда не думал что пригодиться она. Это что же получается, к ней по умолчанию прикручен jquery?
Большое спасибо за урок! Буду благодарна, если подскажите, как сделать в style активный свитчер полностью закрашенным цветом с прозрачность 100%, но чтобы при этом был виден текст свитчера?
привет! opacity:100%; а сами прозрачные плашки в зеро под слоем текста и картинки)
а как на мобилке убрать горизонтальный скрол. То есть саму полосу, чтобы она не была видна?
Этот код работает только для блоков zero?
Здравствуйте спасибо большое за полезное видео, применила его в своем проекте, но у меня возник вопросы. При открытии опубликованной страницы, не скрываются 2,3,4 вкладки - они видимые. Подскажите пожалуйста из-за чего такое может быть? Код перепроверяла несколько раз делала все по инструкции
Эт я так с вами я яваскриптить научусь. 🙃
Тутор клевый, большое спасибо! Но почему-то у меня он не работает(
Сделал все то же, но сами переключения у меня в самих zero, в этом может быть проблема?
Привет! Классное видео, вче оч понятно рассказано, но у меня не все получается 😅 На этапе скрытия первого слайда и показа второго, не получается продолжить. Работает только изменение цвета, а сам слайд на второй не меняется. В чем может быть проблема? Всё перепроверила...
Здравствуйте, спасибо за инструкцию и код. У меня в зеро блоках галереи, отключила LazyLoad для них, но при переключении табов, всё равно первая картинка в галерее не подтягивается, картинки подтягиваются только после клика на стрелку, даже пробовала отключить LazyLoad у всего проекта, не помогло. Можно как то это исправить?
Привет. А подскажи пожалуйста, если табы я сделал кнопками в зеро, как правильно задать параметры стилей, чтобы при нажатии на таб (кнопку) менялся цвет её текста. Буду тебе очень признателен за помощь!
Здравствуйте. Скажите, пожалуйста, у вас получилось? Пытаюсь прописывать color, но не получается изменить цвет текста
@@cholpon3926 из-за пробела скорре всего в коде где двоеточие
Переменная "var" я слышал уже устарела, сейчас более актуально - это "let". А так за видос спасибо!)
Я старовер))) 🤣
Скорее "const" и двоеточие необязательно
Подскажите пожалуйста, как сделать так, чтобы код работал в определенном диапазоне видимости, например от 600px до бесконечности? Если просто изменить в настройках блока тильды, он перестает корректно работать
Поделитесь пожалуйста способом, если у вас получилось скрыть видимость блоков для конкретного диапазона)
сделала 5 переключателей, первые 3 работают идеально, 4 и 5 с переменным успехом - то тыкаются, то нет. не подскажите, с чем может быть связана проблема?
Честно говоря так сложно сказать. Думаю что где то в коде ошибка
Приветствую, как можно сделать по hover, чтобы изменения были при наведении(что-то не получается код преобразовать)
Это можно сделать вообще без кода
Наверное, можно какой-то простенький типа заливки, но если хочется что-то поинтереснее? Лайтовую анимашку или типа того?)
Герман, добрый день! Спасибо за код и крутой урок, очень всё понятно! Сделала всё как у вас, всё сначала получилось, все скрылось, всё работало. Потом сделала копии блоков, которые в слайде (они мне нужны для мобильной версии, так как там выпадающий формат), в коде ещё раз проверила id, чтобы были нужные, но теперь блоки не скрываются по умолчанию, а только когда я нажимаю на кнопки боковые, что посмотреть? в чем может быть проблема?
Методом проб я разобралась, что это глючит из-за того, что стоит ограничение, чтобы эти блоки отображались только на компьютере, а не на телефоне. И как решить эту проблему не знаю.
@@user-jd8yv1ns5t Здравствуйте!
Удалось разобраться?
@@VA008, да, спасибо, уже давно сдала проект клиентам. Всё хорошо.
@@user-jd8yv1ns5t Подскажите пожалуйста как исправили. Просто тоже сижу с этим и не понимаю как исправить. Буду очень благодарен
@@VA008 я скрывала блоки на устройствах через код. То есть не через Тильду и её ползунок, а прописала в коде для тех блоков, которые участвуют в этом скрипте
Если на одной из вкладок добавлена фотогалерея, то даже с выключенным LazyLoad она не загружается((( как с этим быть?
Наверное надо попробовать воздействовать на эту штуку кодом. с ходу наверное подсказать не получится
Попробовала повторить, но даже на первом этапе, блоки не скрываются ненужные(
В том то и дело что нужно внимательно перепроверять себя. Когда не было опыта до этого в кодинге-тяжко
Почему то не присваивается стиль.
Это конечно расширение возможностей, но это колхоз
что именно?