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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
мНет описания правки
 
(не показана 91 промежуточная версия этого же участника)
Строка 1: Строка 1:
<div class="main-menu-frame noExternal" style="background-color:{{{background-color|#353541}}}ee>{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]}}
<templatestyles src="LinkCard/styles.css" /><div class="link-card noExternal mobile-image brightness-overlay {{#if:{{{горизонт_стиль|}}}|link-card__side}} {{#if:{{{ссылка|}}}{{{внешняя_ссылка|}}}|link-card-hover}}" style="
<div class="main-menu-frame__image">[[файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div>
--bg-color:{{{фон|var(--theme-bg-color-300)}}};
<div class="main-menu-frame__name">'''{{{name|Название}}}'''</div>
--alpha:{{{прозрачность|95%}}};
</div><!--
--font-size:{{{размер_текста|var(--font-size-xxs)}}}
 
">{{#if: {{{внешняя_ссылка|}}} | [{{{внешняя_ссылка|}}} <span class="StupidButton"></span>] | {{#if: {{{ссылка|}}} | [[{{{ссылка|}}}|<span class="StupidButton"></span>]] }} }}
-->
<div class="link-card__image">{{{изображение|}}}</div>
{{#css:
{{#if: {{{название|}}} | <div class="link-card__name">{{{название}}}</div> }}{{#if: {{{пин|}}} | <div class="link-card__pin" style="position:absolute;">{{{пин}}}</div> }}
.main-menu-frame {
</div><noinclude>{{doc}}</noinclude>
    display: inline-block;
    position: relative;
    border-radius: 0.3em;
    transition: all 0.15s ease;
    overflow: hidden;
    min-width: 110px;
    text-align: center;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3);
    border: 1px outset rgb(0 0 0 / 30%);
}
 
.main-menu-frame__image {
    padding: 6px;
}
 
.main-menu-frame__name {
    background: #00000040;
    padding: 2px;
    font-size: 12px;
}
}}<!--
--><div class="customCSS" style="display:none">
.main-menu-frame:hover {
    filter: brightness(105%);
    box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.25);
    transform: translateY(-4px);
}
</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