component:ifnc
IFNC1 — компонент для стилизации блока навигации между страницами в футере.
Особенности:
- Анимированные гиперссылки с эффектом увеличения при наведении.
- Адаптивный дизайн для мобильных устройств.
- Использует системные переменные темы для автоматической адаптации под светлую/тёмную тему.
- Плавные переходы и hover-эффекты с подчёркиванием.
Как использовать
Для добавления стилизованной навигации на вашу страницу:
1. Добавьте компонент в начало страницы:
[[include component:ifnc]]
2. Создайте блок навигации:
[[div class="footer-wikiwalk-nav"]]
[[=]]
« [[[ссылка-слева|Текст слева]]] | Текущая страница | [[[ссылка-справа|Текст справа]]] »
[[/=]]
[[/div]]
[[div class="titleblockl"]]Структура блока
{{**
Результат
Пример с тремя страницами:
Пример с одной ссылкой справа:
Пример с одной ссылкой слева:
Адаптивность
Компонент автоматически адаптируется под мобильные устройства:
- На экранах < 600px размер шрифта уменьшается с
13pxдо11px. - Ссылки уменьшаются с
11pxдо9px. - Hover-эффекты сохраняют пропорции.
Кастомизация
Компонент использует CSS-переменные темы:
—mono-font— моноширинный шрифт—swatch-tertiary-color— цвет нижней границы—black-monochrome— основной цвет текста—white-monochrome— цвет текста при наведении
Для изменения стилей создайте свой CSS-модуль после инклуда компонента.
Автор: wd:my name is MX