Сейчас узнаем, какой подарок выпадет именно Вам
Крутите колесо
Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом
100
#2470a1
Как оформить таб блок ME602 в виде кнопок в Tilda
Interior design#1
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#2
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#3
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#4
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#5
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#6
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#7
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more
Interior design#8
The term arts and crafts is also applied, especially in the United States, and mostly to hobbyists' and children's output rather than items crafted for daily use.
Learn more

Как оформить таб блок ME602 в виде кнопок в Tilda

1
Создали блок ME602
2
Удалили цвет и толщину бордюра вкладок
3
Вставили стиль в блок Другое - Т123
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Оформляем блок ME602 в виде отдельных кнопок.
Отключаем выпадающий список в мобильной версии
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека примера 

<style>
.t395__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  /* center  центр - flex-start  слева -  flex-end справа  */
    
}
.t395__title {
    line-height: 0.8;
}
.t395__tab {
    box-shadow: inset 0 0 0 1px #cecece; /*Контур вкладки*/
    border-radius: 30px;
    margin-right: 15px; /*left - отступ слева*/
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    width: fit-content;
}
.t395__tab_active {
    box-shadow:  0 0 0 1px #a2a2a2; /*Контур активной вкладки*/
}
@media screen and (max-width: 960px){
.t395__wrapper_mobile {display: none}
.t395__wrapper {
    justify-content: flex-start;  /* center  центр - flex-start  слева -  flex-end справа  */
}
.t395__title { 
    font-size: 10px !important;
     line-height: 0.5;
}
.t395__tab {
    margin-right: 10px; /*left - отступ слева*/
    margin-bottom: 10px;
}
}
</style>
Библиотека примера
Кнопки в одну линию + скролл

<style>
@media screen and (max-width:9000px){

.t395__col {overflow-x: auto}
.t395__wrapper {
    flex-wrap: nowrap;
    width: max-content;
}
.t395 ::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 5px;
}
.t395 ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: #f0f0f0;
}

}
</style>
Made on
Tilda