No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Как добавить иконки мессенджеров в стандартное меню или подвал TILDA?
С помощью нашей модификации ты можешь заменить в стандартных блоках ME203A, ME301, ME302, ME303, ME304, ME401, ME403, ME405, FT201, FT203, FT305 иконки соц. сетей на свои, в том числе и на мессенджеры
Время настройки: 4 минуты
+1 123 456 78 90
hello@monomo.com
hello@monomo.com
Инструкция
Не Работает с блоками: FT501, FT401, FT204;
Работает с блоками:
Меню ME203A, ME301, ME302, ME303, ME304, ME401, ME403, ME405;
Подвалы FT201, FT203, FT305;
2. Эту же ссылку вставляем в меню или в подвал на любую соц. сеть;
3. Вставляем галерею GL12 и загружаем в неё свои иконки "статичная" и "при наведении". Копируем их ссылки и вставляем в генератор. Если иконка "при наведении" такая же как и в "статике", то в поле "при наведении" оставляем пустым. Галерею после можно скрыть или удалить;
4. Выбираем размер увеличения в %;
5. Копируем сгенерированный HTML код и вставляем его в блок Т123;
Работает с блоками:
Меню ME203A, ME301, ME302, ME303, ME304, ME401, ME403, ME405;
Подвалы FT201, FT203, FT305;
- Вписываем ссылку в генератор на соцсеть, мессенджер или любой другой сервис, который имеет ссылку;
2. Эту же ссылку вставляем в меню или в подвал на любую соц. сеть;
3. Вставляем галерею GL12 и загружаем в неё свои иконки "статичная" и "при наведении". Копируем их ссылки и вставляем в генератор. Если иконка "при наведении" такая же как и в "статике", то в поле "при наведении" оставляем пустым. Галерею после можно скрыть или удалить;
4. Выбираем размер увеличения в %;
5. Копируем сгенерированный HTML код и вставляем его в блок Т123;
Важно
Оставьте это поле пустым, если иконка при наведении не нужна
Копировать код<!-- Как добавить иконки мессенджеров в стандартное меню или подвал TILDA? --> <!-- https://nolim.cc/svoi-ikonki --> <style> [href="1"] svg{background-image:url(https://static.tildacdn.com/tild3764-3430-4033-a437-333131353338/cube.svg);background-position:center center;background-size:cover;transition:all .1s ease}[href="1"] svg *{display:none}[href="1"] svg:hover{transform:scale(1.25);background-image:relative} </style> Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.