Template
Card2
From Dogcraft Wiki
(Undo revision 31020 by Domino) Tag: Undo |
(Undo revision 31019 by Domino) Tag: Undo |
||
| Line 2: | Line 2: | ||
class="wiki-card {{#if: {{{cover|}}}|card-cover|}} {{#if: {{{overflow|}}}|card-overflow|}} {{#if: {{{title|}}}||card-img-only}}" | class="wiki-card {{#if: {{{cover|}}}|card-cover|}} {{#if: {{{overflow|}}}|card-overflow|}} {{#if: {{{title|}}}||card-img-only}}" | ||
style="width:{{{width|120px}}}; | style="width:{{{width|120px}}}; | ||
font-size:{{#if: {{{image-height|}}}|calc({{{image-height|}}} / 5) | font-size:{{#if: {{{image-height|}}}|calc({{{image-height|}}} / 5)|calc({{{width|120px}}} / 7.5)}};">[[File:{{{file|File missing}}}|frameless|{{{width|300px}}}|{{{title|}}}|link={{{link|#}}}]] {{#if:{{{title|}}}|[[{{{link|#}}}|{{{title| }}}]]}}</div></includeonly><noinclude><!-- | ||
Note: The image-height property uses a CSS hack: | Note: The image-height property uses a CSS hack: | ||
| Line 154: | Line 154: | ||
"default": "#", | "default": "#", | ||
"required": true | "required": true | ||
} | } | ||
}, | }, | ||
| Line 171: | Line 164: | ||
"overflow", | "overflow", | ||
"cover", | "cover", | ||
"image-height" | "image-height" | ||
], | ], | ||
Latest revision as of 01:01, 29 June 2023
|
This template uses TemplateStyles: |
This template has no relation to Template:Card.
Card template (dogcraft.net styled)
This is an interface template for creating a link card in the style of the main dogcraft.net website. Please check the template parameters before use!
Examples
Default
Using overflow mode
Using cover mode
In a flexbox, using cover mode
Template data
Note: The image-height parameter uses a CSS hack, check implementation comments.
A lightweight link card in the style of the main dogcraft.net website
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| File | file | The name of the image to be displayed
| File | required |
| Link | link | Target page
| Page name | required |
| Title | title | The text to be displayed
| String | suggested |
| Width | width | Card width
| String | optional |
| Trigger: Overflow | overflow | Decides whether the title can wrap to multiple lines
| Boolean | optional |
| Trigger: Cover | cover | Decides whether the image covers the entire available area (useful for screenshots) or remains in the center (useful for icons)
| Boolean | optional |
| Image height (requires cover mode) | image-height | Sets the height of the image, in pixels (only has effect on cover mode!)
| Number | optional |
