Modèle:Card

De Wiki Electrolab
Révision datée du 1 mai 2023 à 10:12 par Electrolab (discussion | contributions) (Page créée avec « <includeonly><div class="card-container {{#ifeq:{{yesno|{{{wide|}}}}}|yes|floatnone}}"> <div class="card-row"> {{#loop: cardcount | 1 | {{{count|{{{column|1}}}}}} | <div class="card {{#if:{{{column|}}}|card-col{{{column}}}}}" style="{{#if:{{{colorbg{{#var:cardcount}}|}}}|background:{{{colorbg{{#var:cardcount}}}}};}}{{#if:{{{colortext{{#var:cardcount}}|}}}|color:{{{colortext{{#var:cardcount}}}}}}}"> <div class="card-top"><!-... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Template documentation[view][edit][history][purge]
This documentation is transcluded from Modèle:Card/doc. Changes can be proposed in the talk page.

{{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.

Paramètres du modèle

La mise en forme multiligne est préférée pour ce modèle.

ParamètreDescriptionTypeÉtat
Number of cardscount

The number of cards generated

Par défaut
The number of column
Exemple
1
Nombresuggéré
Number of columnscolumn

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

Par défaut
1
Exemple
4
Nombresuggéré
Wide modewide

Allows the grid to extend beyond page width in widescreen

Par défaut
No
Exemple
Yes
Chaînefacultatif
Card 1 titletitle1

The title text on card 1

Exemple
Red 1 Jared
Chaîneobligatoire
Card 1 texttext1

The content text on card 1

Contenuobligatoire
Card 1 bottombottom1

The text on the bottom section of card 1

Contenufacultatif
Card 1 button linkpage1

The page linked by the button on card 1

Exemple
Ships
Nom de pagefacultatif
Card 1 button textpagetext1

The text displayed on the button on card 1

Exemple
Don't click
Chaînefacultatif
Card 1 top bylinebylinetop1

The byline text above the title on card 1

Chaînefacultatif
Card 1 bottom bylinebylinebottom1

The byline text below the title on card 1

Chaînefacultatif
Card 2 titletitle2

The title text on card 2

Exemple
Red 2 Jared
Chaînefacultatif
Card 2 texttext2

The content text on card 2

Contenufacultatif
Card 2 bottombottom2

The text on the bottom section of card 2

Contenufacultatif
Card 2 button linkpage2

The page linked by the button on card 2

Exemple
Ships
Nom de pagefacultatif
Card 2 button textpagetext2

The text displayed on the button on card 2

Exemple
Don't click
Chaînefacultatif
Card 2 top bylinebylinetop2

The byline text above the title on card 2

Chaînefacultatif
Card 2 bottom bylinebylinebottom2

The byline text below the title on card 2

Chaînefacultatif
Card 3 titletitle3

The title text on card 3

Exemple
Red 3 Jared
Chaîneobligatoire
Card 3 texttext3

The content text on card 3

Contenuobligatoire
Card 3 bottombottom3

The text on the bottom section of card 3

Contenufacultatif
Card 3 button linkpage3

The page linked by the button on card 3

Exemple
Ships
Nom de pagefacultatif
Card 3 button textpagetext3

The text displayed on the button on card 3

Exemple
Don't click
Chaînefacultatif
Card 3 top bylinebylinetop3

The byline text above the title on card 3

Chaînefacultatif
Card 3 bottom bylinebylinebottom3

The byline text below the title on card 3

Chaînefacultatif
Card 4 titletitle4

The title text on card 4

Exemple
Red 4 Jared
Chaîneobligatoire
Card 4 texttext4

The content text on card 4

Contenuobligatoire
Card 4 bottombottom4

The text on the bottom section of card 4

Contenufacultatif
Card 4 button linkpage4

The page linked by the button on card 4

Exemple
Ships
Nom de pagefacultatif
Card 4 button textpagetext4

The text displayed on the button on card 4

Exemple
Don't click
Chaînefacultatif
Card 4 top bylinebylinetop4

The byline text above the title on card 4

Chaînefacultatif
Card 4 bottom bylinebylinebottom4

The byline text below the title on card 4

Chaînefacultatif
Card 5 titletitle5

The title text on card 5

Exemple
Red 5 Jared
Chaîneobligatoire
Card 5 texttext5

The content text on card 5

Contenuobligatoire
Card 5 bottombottom5

The text on the bottom section of card 5

Contenufacultatif
Card 5 button linkpage5

The page linked by the button on card 5

Exemple
Ships
Nom de pagefacultatif
Card 5 button textpagetext5

The text displayed on the button on card 5

Exemple
Don't click
Chaînefacultatif
Card 5 top bylinebylinetop5

The byline text above the title on card 5

Chaînefacultatif
Card 5 bottom bylinebylinebottom5

The byline text below the title on card 5

Chaînefacultatif
Card 6 titletitle6

The title text on card 6

Exemple
Red 6 Jared
Chaîneobligatoire
Card 6 texttext6

The content text on card 6

Contenuobligatoire
Card 6 bottombottom6

The text on the bottom section of card 6

Contenufacultatif
Card 6 button linkpage6

The page linked by the button on card 6

Exemple
Ships
Nom de pagefacultatif
Card 6 button textpagetext6

The text displayed on the button on card 6

Exemple
Don't click
Chaînefacultatif
Card 6 top bylinebylinetop6

The byline text above the title on card 6

Chaînefacultatif
Card 6 bottom bylinebylinebottom6

The byline text below the title on card 6

Chaînefacultatif
Card 1 background colorcolorbg1

The background color of card 1

Exemple
#ffffff
Inconnufacultatif
Card 1 title colorcolortitle1

The color of the title on card 1

Exemple
#222222
Inconnufacultatif
Card 1 text colorcolortext1

The text color of card 1

Exemple
#000000
Inconnufacultatif
Card 1 bottom background colorcolorbgbottom1

The background color of the bottom section of card 1

Exemple
#eaecf0
Inconnufacultatif
Card 1 bottom text colorcolorbottom1

The text color in the bottom section of card 1

Exemple
#72777d
Inconnufacultatif
Card 1 button background colorcolorbgbutton1

The background color of the button on card 1

Exemple
#eaecf0
Inconnufacultatif
Card 1 byline colorcolorbyline1

The color of the byline on card 1

Exemple
#72777d
Inconnufacultatif
Card 2 background colorcolorbg2

The background color of card 2

Exemple
#ffffff
Inconnufacultatif
Card 2 title colorcolortitle2

The color of the title on card 2

Exemple
#222222
Inconnufacultatif
Card 2 text colorcolortext2

The text color of card 2

Exemple
#000000
Inconnufacultatif
Card 2 bottom background colorcolorbgbottom2

The background color of the bottom section of card 2

Exemple
#eaecf0
Inconnufacultatif
Card 2 bottom text colorcolorbottom2

The text color in the bottom section of card 2

Exemple
#72777d
Inconnufacultatif
Card 2 button background colorcolorbgbutton2

The background color of the button on card 2

Exemple
#eaecf0
Inconnufacultatif
Card 2 byline colorcolorbyline2

The color of the byline on card 2

Exemple
#72777d
Inconnufacultatif
Card 3 background colorcolorbg3

The background color of card 3

Exemple
#ffffff
Inconnufacultatif
Card 3 title colorcolortitle3

The color of the title on card 3

Exemple
#222222
Inconnufacultatif
Card 3 text colorcolortext3

The text color of card 3

Exemple
#000000
Inconnufacultatif
Card 3 bottom background colorcolorbgbottom3

The background color of the bottom section of card 3

Exemple
#eaecf0
Inconnufacultatif
Card 3 bottom text colorcolorbottom3

The text color in the bottom section of card 3

Exemple
#72777d
Inconnufacultatif
Card 3 button background colorcolorbgbutton3

The background color of the button on card 3

Exemple
#eaecf0
Inconnufacultatif
Card 3 byline colorcolorbyline3

The color of the byline on card 3

Exemple
#72777d
Inconnufacultatif
Card 4 background colorcolorbg4

The background color of card 4

Exemple
#ffffff
Inconnufacultatif
Card 4 title colorcolortitle4

The color of the title on card 4

Exemple
#222222
Inconnufacultatif
Card 4 text colorcolortext4

The text color of card 4

Exemple
#000000
Inconnufacultatif
Card 4 bottom background colorcolorbgbottom4

The background color of the bottom section of card 4

Exemple
#eaecf0
Inconnufacultatif
Card 4 bottom text colorcolorbottom4

The text color in the bottom section of card 4

Exemple
#72777d
Inconnufacultatif
Card 4 button background colorcolorbgbutton4

The background color of the button on card 4

Exemple
#eaecf0
Inconnufacultatif
Card 4 byline colorcolorbyline4

The color of the byline on card 4

Exemple
#72777d
Inconnufacultatif
Card 5 background colorcolorbg5

The background color of card 5

Exemple
#ffffff
Inconnufacultatif
Card 5 title colorcolortitle5

The color of the title on card 5

Exemple
#222222
Inconnufacultatif
Card 5 text colorcolortext5

The text color of card 5

Exemple
#000000
Inconnufacultatif
Card 5 bottom background colorcolorbgbottom5

The background color of the bottom section of card 5

Exemple
#eaecf0
Inconnufacultatif
Card 5 bottom text colorcolorbottom5

The text color in the bottom section of card 5

Exemple
#72777d
Inconnufacultatif
Card 5 button background colorcolorbgbutton5

The background color of the button on card 5

Exemple
#eaecf0
Inconnufacultatif
Card 5 byline colorcolorbyline5

The color of the byline on card 5

Exemple
#72777d
Inconnufacultatif
Card 6 background colorcolorbg6

The background color of card 6

Exemple
#ffffff
Inconnufacultatif
Card 6 title colorcolortitle6

The color of the title on card 6

Exemple
#222222
Inconnufacultatif
Card 6 text colorcolortext6

The text color of card 6

Exemple
#000000
Inconnufacultatif
Card 6 bottom background colorcolorbgbottom6

The background color of the bottom section of card 6

Exemple
#eaecf0
Inconnufacultatif
Card 6 bottom text colorcolorbottom6

The text color in the bottom section of card 6

Exemple
#72777d
Inconnufacultatif
Card 6 button background colorcolorbgbutton6

The background color of the button on card 6

Exemple
#eaecf0
Inconnufacultatif
Card 6 byline colorcolorbyline6

The color of the byline on card 6

Exemple
#72777d
Inconnufacultatif

See also

Récupérée de « https://wiki-dev.electrolab.fr/index.php?title=Modèle:Card&oldid=159 »
Les cookies nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de cookies.
Davantage d’informations