Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа

Кастомизация таблицы PL210 в Tilda

Модификация позволяет заменить иконки "+" и "-", зафиксировать размер первой колонки и заменить кнопки на свои иконки в мобильной версии
Время настройки: 2 минуты
Генератор кода
Видео инструкция
Пример
Сравните тарифные планы и пакеты amoCRM
Базовый
Расширенный

Профессиональный

Воронка продаж
Карточки сделок и контактов с настройкой полей и историей общения
Контроль дублей по источникам
Обязательность полей в зависимости от этапа продаж
Статистика в боте
Инструкция
Модификация равняет таблицу по ширине стандартных блоков. Отключает прокрутку.
Лучше всего подходит для таблиц с 2-3мя колонками

1. Укажите id блока с таблицей

2. Настройте размер первого столбца (Максимум 150px)

3. По желанию, можете заменить иконки +icon и -icon

4. По желанию, в мобильной версии можете заменить кнопки на иконки.
Если эта настройка не включена, кнопки не показываются
id блока
Ширина левой колонки - размер до 960px (указывать без рх)
ЗАГОЛОВОК: РАЗМЕР ШРИФТА ДО 960рх (без рх)
Поворот заголовка на 90
Скрыть
Ссылка для иконки (+icon)
Ссылка для иконки (-icon)
Размер кнопок
Ссылка для кнопки 1
Ссылка для кнопки 1 (иконка)
Ссылка для кнопки 2
Ссылка для кнопки 2 (иконка)
Ссылка для кнопки 3
Ссылка для кнопки 3 (иконка)
Ссылка для кнопки 4
Ссылка для кнопки 4 (иконка)
Копировать код <!-- Кастомизация таблицы PL210 в Tilda -->
<!-- https://nolim.cc/custom-table-pl210 -->
<script> $(document).ready(function(){ setTimeout(function(){ $('[points="10.776 16.32 5.184 10.728 5.688 10.2 10.776 15.288 18.792 7.272 19.296 7.8"]').parent().parent().css({ 'width': '24px', 'height': '24px', 'position': 'inherit', 'background-image': 'url(https://static.tildacdn.com/tild6264-3863-4231-a332-306565643337/_html__.svg)', 'background-size': '100%', 'background-repeat': "no-repeat", 'background-position': 'center' }); $('[points="10.776 16.32 5.184 10.728 5.688 10.2 10.776 15.288 18.792 7.272 19.296 7.8"]').parent().hide(); $('[points="17.28 7.32 16.8 6.84 12.072 11.592 7.32 6.84 6.84 7.32 11.592 12.072 6.84 16.8 7.32 17.28 12.072 12.528 16.8 17.28 17.28 16.8 12.528 12.072"]').parent().parent().css({ 'width': '24px', 'height': '24px', 'position': 'inherit', 'background-image': 'url(https://static.tildacdn.com/tild3638-3239-4435-b964-323439333634/___.svg)', 'background-size': '100%', 'background-repeat': "no-repeat", 'background-position': 'center' }); $('[points="17.28 7.32 16.8 6.84 12.072 11.592 7.32 6.84 6.84 7.32 11.592 12.072 6.84 16.8 7.32 17.28 12.072 12.528 16.8 17.28 17.28 16.8 12.528 12.072"]').parent().hide(); },600); }); </script>
<!--[if !IE]><!--> <style> #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md{ display: inline-block; } } </style><!--<![endif]-->
<style>
@media screen and (max-width: 960px){
/*размер текста Заголовка*/ #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md{ writing-mode: tb-rl; margin: auto; transform: rotate(-180deg); } /*For Mozilla*/ @-moz-document url-prefix() { #rec326406978 .t613__col > .t613__title.t613__header_title.t-name.t-name_md { display: inline-block; } }
}
@media screen and (max-width: 200px){ #rec326406978 .t-name_md, #rec326406978 .t613__header { display: none !important; } }
#rec326406978 .t613__buttonwrapper { padding: 24px 0px; } /* стилизация кнопки */ @media screen and (max-width: 960px) { /*размер текста Заголовка*/ #rec326406978 .t613__title.t613__header_title{ font-size: 20px !important; }
/*скрыть кнопки на мобайле*/ #rec326406978 .t613__bottom { display: none; }
#rec326406978 .t613__buttonwrapper { padding: 20px 0px; } #rec326406978 a.t609__btn.t-btn.t-btn_sm{ padding-left: 0px; padding-right: 0px; background-color: transparent !important; } #rec326406978 [href="https://dribbble.com/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://dribbble.com/"] table{ display:none; } /*2 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table{ display:none; } /*3 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table{ display:none; } /*4 кнопка*/ #rec326406978 [href="https://nolim.cc/"]{ border-radius: 0px!important; -moz-border-radius: 0px!important; -webkit-border-radius: 0px!important; background:url; background-repeat: no-repeat; background-position: center; background-size: 100%; width: 24px; height: 24px; padding-left: 0px!important; padding-right: 0px!important; } #rec326406978 [href="https://nolim.cc/"] table{ display:none; }
} @media screen and (max-width: 960px){ #rec326406978 .t613__container { overflow-x: hidden; } } @media (min-width: 961px) and (max-width: 1200px) { #rec326406978 .t613__title { padding: 22px 10px !important; } #rec326406978 .t613__wrapper { padding: 30px !important; } #rec326406978 .t-btn { padding-left: 30px !important; padding-right: 30px !important; } } @media screen and (max-width: 960px) { #rec326406978 .t613__left { width: 150px !important; min-width: 150px !important; } } @media (min-width: 641px) and (max-width: 960px) { #rec326406978 .t613__content { max-width: 640px !important; width: 640px !important; } #rec326406978 .t613__mobile { padding: 0px !important; } } @media screen and (max-width: 640px) { #rec326406978 .t613__title { padding: 10px 10px !important; } #rec326406978 .t613__content { max-width: 480px !important; width: 480px !important; margin: 0 auto !important; } #rec326406978 .t613__mobile { padding: 0px !important; } } @media (max-width: 480px) { #rec326406978 .t613__content { width: 320px !important; max-width: 320px !important; margin: 0 auto !important; } #rec326406978 .t613__mobile { padding: 0px !important; } #rec326406978 .t613__wrapper { padding: 10px !important; } #rec326406978 .t613__title { padding: 16px 0px !important; } }
#rec326406978 .t613__title { padding: 16px 0px !important; }</style>
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda