Шаблон:LinkCard: различия между версиями

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
 
(не показано 115 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="main-menu-frame">[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]<div class="main-menu-frame__image">[[файл:{{{image|BikeHorn.png}}}|32px|link=]]</div>'''{{{name|Название}}}'''</div><!--
<templatestyles src="LinkCard/styles.css" /><div class="link-card noExternal mobile-image brightness-overlay {{#if:{{{горизонт_стиль|}}}|link-card__side}} {{#if:{{{ссылка|}}}{{{внешняя_ссылка|}}}|link-card-hover}}" style="
-->{{#css:
--bg-color:{{{фон|var(--theme-bg-color-300)}}};
.main-menu-frame {
--alpha:{{{прозрачность|95%}}};
    position: relative;
--font-size:{{{размер_текста|var(--font-size-xxs)}}}
    display: flex;
">{{#if: {{{внешняя_ссылка|}}} | [{{{внешняя_ссылка|}}} <span class="StupidButton"></span>] | {{#if: {{{ссылка|}}} | [[{{{ссылка|}}}|<span class="StupidButton"></span>]] }} }}
    align-items: center;
<div class="link-card__image">{{{изображение|}}}</div>
    border-radius: 0.3em;
{{#if: {{{название|}}} | <div class="link-card__name">{{{название}}}</div> }}{{#if: {{{пин|}}} | <div class="link-card__pin" style="position:absolute;">{{{пин}}}</div> }}
    list-style-type: none;
</div><noinclude>{{doc}}</noinclude>
    text-align: left;
    transition: all 0.05s ease;
    font-size: 14px;
    margin-bottom: 4px;
    background-color: #2e2e37;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
}
 
.main-menu-frame__image {
    background: #35353f;
    margin-right: 6px;
    padding: 2px;
}
}}<!--
--><div class="customCSS" style="display:none">
.main-menu-frame:hover {
    filter: brightness(110%);
}
</div>

Текущая версия от 16:56, 28 октября 2025

Документация
[просмотр | править | история | обновить]
{{LinkCard 
|название =
|изображение =
|ссылка = 
|фон =
|прозрачность = 
|пин = 
|размер_текста =  
}}

Карточка ссылки с изображением.

Параметры шаблона

ПараметрОписаниеТипСтатус
Названиеназвание

Текст подписи карточки.

Строковый (без форматирования)обязательный
Изображениеизображение

Wikitext, вставляемый в блок изображения.

Пример
[[Файл:MobMouse2.png|64px]]
Строковый (без форматирования)обязательный
Внутренняя ссылкассылка

Название внутренней страницы вики.

Строковый (без форматирования)обязательный
Внешняя ссылкавнешняя_ссылка

Полный внешний URL. Если задана, карточка будет вести на внешний сайт (приоритет над параметром «ссылка»).

URLнеобязательный
Фонфон

CSS-значение фонового цвета. Рекомендуется использовать с «Шаблон:Цвет».

По умолчанию
var(--theme-bg-color-300)
Строковый (без форматирования)необязательный
Прозрачностьпрозрачность

Альфа-значение/прозрачность в формате, пригодном для CSS-переменной.

По умолчанию
95%
Строковый (без форматирования)необязательный
Горизонтальный стильгоризонт_стиль

Если задано (любое значение), к карточке добавляется класс для горизонтального оформления (link-card__side).

Строковый (без форматирования)необязательный
Пин (метка)пин

Дополнительная картинка, которая будет отображаться в правом-врехнем углу поверх карточки. Рекомендуется делать её небольшого размера.

Строковый (без форматирования)необязательный
Размер текстаразмер_текста

CSS-значение размера шрифта (например '14px' или CSS-переменная, которую предпочтительно использовать).

По умолчанию
var(--font-size-xxs)
Строковый (без форматирования)необязательный

Во избежание поломок страниц, использующих этот шаблон, экспериментируйте в песочнице (создать | зеркало) или своём личном пространстве.
Пожалуйста, добавляйте категории на подстраницу /doc. Подстраницы этого шаблона.

Источник — https://station14.ru/index.php?title=Шаблон:LinkCard&oldid=109205