Loading...

Добавляем свои иконки в кнопки меню ME602 Tilda

Настраиваем расположение иконок слева или справа, активная и неактивная иконка, показывать текст в мобильной версии или нет
Время настройки: 2 минуты
Генератор кода
Видео инструкция
Пример
Газонокосилки
Воздуходувки
Пылесосы
Бензопилы
Комплектующие
Инструкция
1. Выбираем как меню будет выглядеть в мобильной версии: табы или классический выпадающий список;

2. Если выбрали вид табы, можно скрыть текст в кнопках, тогда будут отображаться только иконки;

3. Выбираем расположение иконок: слева или справа от текста;

4. Вставляем галерею GL12 и загружаем в неё свои иконки "активная" и "неактивная". Копируем их ссылки и вставляем в генератор. Формат файла советуем использовать svg или png;

5. Добавляем блок Т123 и вставляем в него сгенерированный HTML код или вставляем код в Настройки сайта → Еще → Пользовательские CSS-стили;
В мобильной версии:
В мобильной версии текст:
Размер иконок:
Иконки:
Активная иконка - таб 1
Неактивная иконка - таб 1
Копировать код<!-- Как добавить свои иконки в блок ME602 Tilda? -->
<!-- https://nolim.cc/icons-me602 -->
<style> @media screen and (max-width: 960px){ .t395__wrapper { display:block!important; } .t395__wrapper_mobile { display:none!important; } .t395__tab { width: 200px; } .t395__col { overflow: auto; }  .t395__title { font-size: 0px!important; } .t395__wrapper :before { padding-right: 0px!important; }   } .t395__title { align-items: center; justify-content: center; display: flex; } div.t395__wrapper > div:nth-child(1).t395__tab_active > div:before { content: ''; background-image: url( ); background-repeat: no-repeat; background-size: 100%; width: 30; height: 30; display: inline-block; margin-right: 10px; }  div.t395__wrapper > div:nth-child(1):not(.t395__tab_active) > div:before { content: ''; background-image: url( ); background-repeat: no-repeat; background-size: 100%; width: 30; height: 30; display: inline-block; margin-right: 10px;}   media screen and (max-width:960px) { div.t395__wrapper>div.t395__tab_active > div:before{ margin-right: 0px !important;} div.t395__wrapper > div:not(.t395__tab_active) > div:before{ margin-right: 0px !important;} } </style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 390р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda