Template
Lbox
From Dogcraft Wiki
m (-) |
mNo edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<noinclude> | <includeonly><templatestyles src="Lbox/styles.css" />{{Box | ||
|class=lbox | |||
|style=box-shadow: 0 2px 3px rgba(85, 85, 85, 0.2), 0 0 0 1px rgba(85, 85, 85, 0.2); transition: box-shadow ease-in-out 0.2s; border-radius:5px; min-width:15%; | |||
|headerstyle=height:calc(30% - 0.6em); | |||
|width={{{width|25%}}} | |||
|height={{{height|400px}}} | |||
|link={{{link|{{{title|}}}}}} | |||
|title={{{title|}}} | |||
|titlecolor={{{titlecolor|white}}} | |||
|image={{{image|}}} | |||
|content={{{content|}}} | |||
|footer={{{footer|}}} | |||
}}</includeonly><noinclude> | |||
{{TemplateStyles}} | |||
==Linked box template== | |||
The linked box or '''lbox''' template is a specialized version of {{tt|Box}} It is an interface template for creating containers that also serve as links, useful for navigation. Used across the wiki on various pages, such as the main page. Please check the template parameters before use! | |||
This template is only transcluding a specific configuration of {{tt|Box}} with added CSS. | |||
===Example(s)=== | |||
====No image==== | |||
<pre style="white-space:pre-line;"><nowiki>{{lbox | |||
|title=Survival 4 | |||
|width=300px | |||
|height=370px | |||
|content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17. | |||
}}</nowiki></pre> generates: {{lbox | |||
|title=Survival 4 | |||
|width=300px | |||
|height=370px | |||
|content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17. | |||
}} | |||
====With image==== | |||
<pre style="white-space:pre-line;"><nowiki>{{lbox | |||
|title=Survival 4 | |||
|width=300px | |||
|height=370px | |||
|image=Grand Central Station - Shepherd.png | |||
|content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17 | |||
|footer=This is a footer | |||
}}</nowiki></pre> generates: {{lbox | |||
|title=Survival 4 | |||
|width=300px | |||
|height=370px | |||
|image=Grand Central Station - Shepherd.png | |||
|content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17. | |||
|footer=This is a footer | |||
}} | |||
<div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap"> | |||
===Flexbox layout example=== | |||
For more complex layouts, this template can be used together with a flexbox container. | |||
<pre><nowiki><div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap"> | |||
{{LBox|title=Survival Railway Network|width=none}} | {{LBox|title=Survival Railway Network|width=none}} | ||
{{LBox|title=Nether Transport Network|width=none}} | {{LBox|title=Nether Transport Network|width=none}} | ||
Line 8: | Line 60: | ||
{{LBox|title=Other Railway Network|width=none}} | {{LBox|title=Other Railway Network|width=none}} | ||
{{LBox|title=Connected Seas Coalition|width=none}} | {{LBox|title=Connected Seas Coalition|width=none}} | ||
</div> | </div></nowiki></pre> generates: | ||
<div style="display:flex; gap:10px; justify-content:center; transform: scale(.5) translate(-50%,-50%); height:200px;" class="flex-mobile-wrap"> | |||
{{LBox|title=Survival Railway Network|width=none}} | |||
{{LBox|title=Nether Transport Network|width=none}} | |||
{{LBox|title=Road & Horse Network|width=none}} | |||
{{LBox|title=Other Railway Network|width=none}} | |||
{{LBox|title=Connected Seas Coalition|width=none}} | |||
</div>''This example has been scaled down'' | |||
< | ===Template data=== | ||
{{ | <templatedata> | ||
{ | |||
"params": { | |||
"width": { | |||
"label": "Maximum width", | |||
"description": "Parameter for setting the container's maximum width.", | |||
"example": "300px", | |||
}} | "type": "string", | ||
< | "default": "25%", | ||
"suggested": true | |||
}, | |||
"height": { | |||
"label": "Height", | |||
"description": "Optional parameter for the container's height", | |||
"example": "250px, 18em, 70%", | |||
"type": "string", | |||
"default": "400px", | |||
"suggested": true | |||
}, | |||
"link": { | |||
"label": "Link", | |||
"description": "The target page where the container leads upon clicking.", | |||
"example": "Main page", | |||
"type": "wiki-page-name", | |||
"default": "#", | |||
"required": true, | |||
"suggested": true | |||
}, | |||
"title": { | |||
"label": "Title", | |||
"description": "The container's title", | |||
"example": "Survival 3", | |||
"type": "string", | |||
"default": "Title", | |||
"required": true, | |||
"suggested": true | |||
}, | |||
"titlecolor": { | |||
"label": "Title color", | |||
"description": "Optional parametera for setting title text color, useful when using an image as the header background.", | |||
"example": "black, white", | |||
"type": "string", | |||
"default": "white", | |||
"suggested": true | |||
}, | |||
"image": { | |||
"label": "Image", | |||
"description": "For setting an image as the header background.", | |||
"example": "Egg.png", | |||
"type": "wiki-file-name", | |||
"suggested": true | |||
}, | |||
"content": { | |||
"label": "Content", | |||
"description": "The container's content. This may be almost anything that can go on a normal page, such as wikitext, files, links, other templates, html, etc.", | |||
"example": "Lorem ipsum", | |||
"type": "string", | |||
"required": true, | |||
"suggested": true | |||
}, | |||
"footer": { | |||
"label": "Footer", | |||
"description": "The content of the footer. Use this if you always want to display something at the bottom of the box.", | |||
"example": "Created on 2023. Jan. 32.", | |||
"type": "string", | |||
"suggested": true | |||
} | |||
}, | |||
"description": "A specialized version of [[Template:Box]] for creating containers that also serve as links.", | |||
"format": "block", | |||
"paramOrder": [ | |||
"title", | |||
"content", | |||
"link", | |||
"width", | |||
"footer", | |||
"image", | |||
"height", | |||
"titlecolor" | |||
] | |||
} | |||
</templatedata> | |||
{{Interface template}} | |||
</noinclude> |
Latest revision as of 01:36, 12 July 2022
This template uses TemplateStyles: |
Linked box template
The linked box or lbox template is a specialized version of {{Box}} It is an interface template for creating containers that also serve as links, useful for navigation. Used across the wiki on various pages, such as the main page. Please check the template parameters before use!
This template is only transcluding a specific configuration of {{Box}} with added CSS.
Example(s)
No image
{{lbox |title=Survival 4 |width=300px |height=370px |content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17. }}
generates:
Survival 4
With image
{{lbox |title=Survival 4 |width=300px |height=370px |image=Grand Central Station - Shepherd.png |content=The fourth dogcraft survival world, running from 1<sup>st</sup> April 2020 to 14<sup>th</sup> March 2022. This was the first time survival was split into multiple interconnected worlds, which were called Husky and Beagle. These worlds ran on versions 1.15.2 to 1.17 |footer=This is a footer }}
generates:
Flexbox layout example
For more complex layouts, this template can be used together with a flexbox container.
<div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap"> {{LBox|title=Survival Railway Network|width=none}} {{LBox|title=Nether Transport Network|width=none}} {{LBox|title=Road & Horse Network|width=none}} {{LBox|title=Other Railway Network|width=none}} {{LBox|title=Connected Seas Coalition|width=none}} </div>
generates:
This example has been scaled down
Template data
A specialized version of [[Template:Box]] for creating containers that also serve as links.
Parameter | Description | Type | Status | |
---|---|---|---|---|
Title | title | The container's title
| String | required |
Content | content | The container's content. This may be almost anything that can go on a normal page, such as wikitext, files, links, other templates, html, etc.
| String | required |
Link | link | The target page where the container leads upon clicking.
| Page name | required |
Maximum width | width | Parameter for setting the container's maximum width.
| String | suggested |
Footer | footer | The content of the footer. Use this if you always want to display something at the bottom of the box.
| String | suggested |
Image | image | For setting an image as the header background.
| File | suggested |
Height | height | Optional parameter for the container's height
| String | suggested |
Title color | titlecolor | Optional parametera for setting title text color, useful when using an image as the header background.
| String | suggested |