Открыть меню
Открыть персональное меню
Вы не представились системе
Your IP address will be publicly visible if you make any edits.

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

Материал из Энциклопедия Тренерон
Нет описания правки
Нет описания правки
Метка: отменено
Строка 1: Строка 1:
<div style="citizen-card">Hello!</div>
<includeonly><div class="card-container {{#ifeq:{{yesno|{{{wide|}}}}}|yes|floatnone}}">
<includeonly><div class="card-container {{#ifeq:{{yesno|{{{wide|}}}}}|yes|floatnone}}">
     <div class="card-row">
     <div class="card-row">

Версия от 18:21, 22 октября 2023

Hello!
Message_documentation_title[view][edit][history][purge]
message_transclude_desc

{{Card}} is a template for generating cards in a grid or row layout on a page.

Parameters

Formatting parameters

count
The number of cards generated
column
The number of cards on a single row (max 6)
wide
Allows the grid to extend beyond page width in widescreen (yes or no)

Content parameters

title(n)
The title text on card (n)
text(n)
The content text on card (n)
bottom(n)
The text on the bottom section of card (n). Usually used for actionable items like links.
page(n)
The page linked by the button on card (n). Only use it when there is only one action.
pagetext(n)
The text displayed on the button on card (n)
bylinetop(n)
The byline text above the title on card (n)
bylinebottom(n)
The byline text below the title on card (n)

Styling parameters

colorbg(n)
The background color of card (n)
colortext(n)
The text color of card (n)
colorbyline(n)
The color of the byline on card (n)
colortitle(n)
The color of the title on card (n)
colorbgbottom(n)
The background color of the bottom section of card (n)
colorbottom(n)
The text color in the bottom section of card (n)
colorbgbutton(n)
The background color of the button on card (n), note that due to templating restrictions, the button text will always be grey. Please ensure there is enough contrast between the background color and the text.

TemplateData

This template is a template for generating cards in a grid or row layout on a page. Currently only a maximum of six cards are supported in Visual Editing, please refer to the template page for advanced syntax.

Параметры шаблона[Править данные шаблона]

Шаблон использует блочное форматирование параметров.

ПараметрОписаниеТипСтатус
Number of cardscount

The number of cards generated

По умолчанию
The number of column
Пример
1
Числопредложенный
Number of columnscolumn

The number of cards on a single row (max 6)

По умолчанию
1
Пример
4
Числопредложенный
Wide modewide

Allows the grid to extend beyond page width in widescreen

По умолчанию
No
Пример
Yes
Строковый (без форматирования)необязательный
Card 1 titletitle1

The title text on card 1

Пример
Red 1 Jared
Строковый (без форматирования)обязательный
Card 1 texttext1

The content text on card 1

Содержимое (контент)обязательный
Card 1 bottombottom1

The text on the bottom section of card 1

Содержимое (контент)необязательный
Card 1 button linkpage1

The page linked by the button on card 1

Пример
Ships
Имя страницынеобязательный
Card 1 button textpagetext1

The text displayed on the button on card 1

Пример
Don't click
Строковый (без форматирования)необязательный
Card 1 top bylinebylinetop1

The byline text above the title on card 1

Строковый (без форматирования)необязательный
Card 1 bottom bylinebylinebottom1

The byline text below the title on card 1

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

The title text on card 2

Пример
Red 2 Jared
Строковый (без форматирования)необязательный
Card 2 texttext2

The content text on card 2

Содержимое (контент)необязательный
Card 2 bottombottom2

The text on the bottom section of card 2

Содержимое (контент)необязательный
Card 2 button linkpage2

The page linked by the button on card 2

Пример
Ships
Имя страницынеобязательный
Card 2 button textpagetext2

The text displayed on the button on card 2

Пример
Don't click
Строковый (без форматирования)необязательный
Card 2 top bylinebylinetop2

The byline text above the title on card 2

Строковый (без форматирования)необязательный
Card 2 bottom bylinebylinebottom2

The byline text below the title on card 2

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

The title text on card 3

Пример
Red 3 Jared
Строковый (без форматирования)обязательный
Card 3 texttext3

The content text on card 3

Содержимое (контент)обязательный
Card 3 bottombottom3

The text on the bottom section of card 3

Содержимое (контент)необязательный
Card 3 button linkpage3

The page linked by the button on card 3

Пример
Ships
Имя страницынеобязательный
Card 3 button textpagetext3

The text displayed on the button on card 3

Пример
Don't click
Строковый (без форматирования)необязательный
Card 3 top bylinebylinetop3

The byline text above the title on card 3

Строковый (без форматирования)необязательный
Card 3 bottom bylinebylinebottom3

The byline text below the title on card 3

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

The title text on card 4

Пример
Red 4 Jared
Строковый (без форматирования)обязательный
Card 4 texttext4

The content text on card 4

Содержимое (контент)обязательный
Card 4 bottombottom4

The text on the bottom section of card 4

Содержимое (контент)необязательный
Card 4 button linkpage4

The page linked by the button on card 4

Пример
Ships
Имя страницынеобязательный
Card 4 button textpagetext4

The text displayed on the button on card 4

Пример
Don't click
Строковый (без форматирования)необязательный
Card 4 top bylinebylinetop4

The byline text above the title on card 4

Строковый (без форматирования)необязательный
Card 4 bottom bylinebylinebottom4

The byline text below the title on card 4

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

The title text on card 5

Пример
Red 5 Jared
Строковый (без форматирования)обязательный
Card 5 texttext5

The content text on card 5

Содержимое (контент)обязательный
Card 5 bottombottom5

The text on the bottom section of card 5

Содержимое (контент)необязательный
Card 5 button linkpage5

The page linked by the button on card 5

Пример
Ships
Имя страницынеобязательный
Card 5 button textpagetext5

The text displayed on the button on card 5

Пример
Don't click
Строковый (без форматирования)необязательный
Card 5 top bylinebylinetop5

The byline text above the title on card 5

Строковый (без форматирования)необязательный
Card 5 bottom bylinebylinebottom5

The byline text below the title on card 5

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

The title text on card 6

Пример
Red 6 Jared
Строковый (без форматирования)обязательный
Card 6 texttext6

The content text on card 6

Содержимое (контент)обязательный
Card 6 bottombottom6

The text on the bottom section of card 6

Содержимое (контент)необязательный
Card 6 button linkpage6

The page linked by the button on card 6

Пример
Ships
Имя страницынеобязательный
Card 6 button textpagetext6

The text displayed on the button on card 6

Пример
Don't click
Строковый (без форматирования)необязательный
Card 6 top bylinebylinetop6

The byline text above the title on card 6

Строковый (без форматирования)необязательный
Card 6 bottom bylinebylinebottom6

The byline text below the title on card 6

Строковый (без форматирования)необязательный
Card 1 background colorcolorbg1

The background color of card 1

Пример
#ffffff
Неизвестнонеобязательный
Card 1 title colorcolortitle1

The color of the title on card 1

Пример
#222222
Неизвестнонеобязательный
Card 1 text colorcolortext1

The text color of card 1

Пример
#000000
Неизвестнонеобязательный
Card 1 bottom background colorcolorbgbottom1

The background color of the bottom section of card 1

Пример
#eaecf0
Неизвестнонеобязательный
Card 1 bottom text colorcolorbottom1

The text color in the bottom section of card 1

Пример
#72777d
Неизвестнонеобязательный
Card 1 button background colorcolorbgbutton1

The background color of the button on card 1

Пример
#eaecf0
Неизвестнонеобязательный
Card 1 byline colorcolorbyline1

The color of the byline on card 1

Пример
#72777d
Неизвестнонеобязательный
Card 2 background colorcolorbg2

The background color of card 2

Пример
#ffffff
Неизвестнонеобязательный
Card 2 title colorcolortitle2

The color of the title on card 2

Пример
#222222
Неизвестнонеобязательный
Card 2 text colorcolortext2

The text color of card 2

Пример
#000000
Неизвестнонеобязательный
Card 2 bottom background colorcolorbgbottom2

The background color of the bottom section of card 2

Пример
#eaecf0
Неизвестнонеобязательный
Card 2 bottom text colorcolorbottom2

The text color in the bottom section of card 2

Пример
#72777d
Неизвестнонеобязательный
Card 2 button background colorcolorbgbutton2

The background color of the button on card 2

Пример
#eaecf0
Неизвестнонеобязательный
Card 2 byline colorcolorbyline2

The color of the byline on card 2

Пример
#72777d
Неизвестнонеобязательный
Card 3 background colorcolorbg3

The background color of card 3

Пример
#ffffff
Неизвестнонеобязательный
Card 3 title colorcolortitle3

The color of the title on card 3

Пример
#222222
Неизвестнонеобязательный
Card 3 text colorcolortext3

The text color of card 3

Пример
#000000
Неизвестнонеобязательный
Card 3 bottom background colorcolorbgbottom3

The background color of the bottom section of card 3

Пример
#eaecf0
Неизвестнонеобязательный
Card 3 bottom text colorcolorbottom3

The text color in the bottom section of card 3

Пример
#72777d
Неизвестнонеобязательный
Card 3 button background colorcolorbgbutton3

The background color of the button on card 3

Пример
#eaecf0
Неизвестнонеобязательный
Card 3 byline colorcolorbyline3

The color of the byline on card 3

Пример
#72777d
Неизвестнонеобязательный
Card 4 background colorcolorbg4

The background color of card 4

Пример
#ffffff
Неизвестнонеобязательный
Card 4 title colorcolortitle4

The color of the title on card 4

Пример
#222222
Неизвестнонеобязательный
Card 4 text colorcolortext4

The text color of card 4

Пример
#000000
Неизвестнонеобязательный
Card 4 bottom background colorcolorbgbottom4

The background color of the bottom section of card 4

Пример
#eaecf0
Неизвестнонеобязательный
Card 4 bottom text colorcolorbottom4

The text color in the bottom section of card 4

Пример
#72777d
Неизвестнонеобязательный
Card 4 button background colorcolorbgbutton4

The background color of the button on card 4

Пример
#eaecf0
Неизвестнонеобязательный
Card 4 byline colorcolorbyline4

The color of the byline on card 4

Пример
#72777d
Неизвестнонеобязательный
Card 5 background colorcolorbg5

The background color of card 5

Пример
#ffffff
Неизвестнонеобязательный
Card 5 title colorcolortitle5

The color of the title on card 5

Пример
#222222
Неизвестнонеобязательный
Card 5 text colorcolortext5

The text color of card 5

Пример
#000000
Неизвестнонеобязательный
Card 5 bottom background colorcolorbgbottom5

The background color of the bottom section of card 5

Пример
#eaecf0
Неизвестнонеобязательный
Card 5 bottom text colorcolorbottom5

The text color in the bottom section of card 5

Пример
#72777d
Неизвестнонеобязательный
Card 5 button background colorcolorbgbutton5

The background color of the button on card 5

Пример
#eaecf0
Неизвестнонеобязательный
Card 5 byline colorcolorbyline5

The color of the byline on card 5

Пример
#72777d
Неизвестнонеобязательный
Card 6 background colorcolorbg6

The background color of card 6

Пример
#ffffff
Неизвестнонеобязательный
Card 6 title colorcolortitle6

The color of the title on card 6

Пример
#222222
Неизвестнонеобязательный
Card 6 text colorcolortext6

The text color of card 6

Пример
#000000
Неизвестнонеобязательный
Card 6 bottom background colorcolorbgbottom6

The background color of the bottom section of card 6

Пример
#eaecf0
Неизвестнонеобязательный
Card 6 bottom text colorcolorbottom6

The text color in the bottom section of card 6

Пример
#72777d
Неизвестнонеобязательный
Card 6 button background colorcolorbgbutton6

The background color of the button on card 6

Пример
#eaecf0
Неизвестнонеобязательный
Card 6 byline colorcolorbyline6

The color of the byline on card 6

Пример
#72777d
Неизвестнонеобязательный

See also