Технические полезности

[Semenar]

Выкладываем коды технических полезностей с кратким описанием.

 

[Semenar]

Колонки​

Размер и количество можно регулировать (изменив размеры в строках вверху шаблона и добавив/удалив новые колонки с размерами).

Пояснение по размерам:
Npx - колонка имеет размер в N пикселей
N% - колонка имеет размер в N% от всей таблицы
Nfr - колонка имеет размер, пропорциональный N (среди всех колонок с данным размером)
auto - подобрать размер автоматически

[PARSEHTML]<div style="display: grid; gap: 5px; grid-template-rows: auto; grid-template-columns:
100px
30%
1fr
2fr
">[/PARSEHTML]

[PARSEHTML]<div style="grid-row: 1; grid-column: 1">[/PARSEHTML]
Колонка 1 (100 пикселей)
[PARSEHTML]</div>[/PARSEHTML]

[PARSEHTML]<div style="grid-row: 1; grid-column: 2">[/PARSEHTML]
Колонка 2 (30%)
[PARSEHTML]</div>[/PARSEHTML]

[PARSEHTML]<div style="grid-row: 1; grid-column: 3">[/PARSEHTML]
Колонка 3
[PARSEHTML]</div>[/PARSEHTML]

[PARSEHTML]<div style="grid-row: 1; grid-column: 4">[/PARSEHTML]
Колонка 4 (вдвое больше)
[PARSEHTML]</div>[/PARSEHTML]

[PARSEHTML] </div>[/PARSEHTML]

Пример

Колонка 1 (100 пикселей)

Колонка 2 (30%)

Колонка 3

Колонка 4 (вдвое больше)