arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрано добавление иконок соцсетей в хедер: Link Block с виджетом Image внутри, размер иконки (18x18px), опция «Вмещать», дублирование блока для второй иконки, Flex-выравнивание группы иконок. Показана правильная структура ссылки с иконкой. Иконка соцсети — это всегда Link Block (кликабельный блок-ссылка) с Image внутри, а не просто Image. Если поставить просто Image — иконка не будет ссылкой. Размер Image фиксируется (18x18px), опция «Вмещать» защищает от обрезания при нестандартном соотношении сторон SVG. Урок из серии «Собираем шапку для сайта» — часть 3. Смотри последовательно: части 1 и 2 закладывают базовую структуру и Flex-логику хедера, которую расширяет этот урок.

Собираем шапку для сайта в Taptop: часть 3

В шапке нужны иконки соцсетей — маленькие, кликабельные, без текста. Как сделать иконку-ссылку? Как разместить иконки справа, а контакты слева без абсолютного позиционирования?
Иконка соцсети — Link Block с Image внутри. Размер Image фиксируется (18×18px), опция «вмещать» защищает от обрезания. Распределение по краям в автолейауте разносит иконки вправо, контактные данные остаются слева. Для новичков, которые собирают шапку. После просмотра добавляешь кликабельные иконки соцсетей и правильно их располагаешь.
Тайминги видео
00:00 — Link Block с иконкой: структура и размер 00:50 — Дублирование и вторая соцсеть 01:30 — Логика переходов по ссылкам

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока