Difference between revisions of "Template:ButtonBox"

From The Portal Wiki
Jump to navigation Jump to search
Line 8: Line 8:
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
{{{link1}}}<nowiki/>
{{{link1}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
<div class="button-object {{{class2|}}}">
<div class="button-object {{{class2|}}}">
Line 16: Line 16:
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
{{{link2}}}<nowiki/>
{{{link2}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
<div class="button-object {{{class3|}}}">
<div class="button-object {{{class3|}}}">
Line 24: Line 24:
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
{{{link3}}}<nowiki/>
{{{link3}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
<div class="button-object {{{class4|}}}">
<div class="button-object {{{class4|}}}">
Line 32: Line 32:
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
{{{link4}}}<nowiki/>
{{{link4}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
<div class="button-object {{{class5|}}}">
<div class="button-object {{{class5|}}}">
Line 40: Line 40:
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
{{{link5}}}<nowiki/>
{{{link5}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
<div class="button-object {{{class6|}}}">
<div class="button-object {{{class6|}}}">
Line 48: Line 48:
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
{{{link6}}}<nowiki/>
{{{link6}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
<div class="button-object {{{class7|}}}">
<div class="button-object {{{class7|}}}">
Line 56: Line 56:
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
{{{link7}}}<nowiki/>
{{{link7}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
<div class="button-object {{{class8|}}}">
<div class="button-object {{{class8|}}}">
Line 64: Line 64:
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
{{{link8}}}<nowiki/>
{{{link8}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
<div class="button-object {{{class9|}}}">
<div class="button-object {{{class9|}}}">
Line 72: Line 72:
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
{{{link9}}}<nowiki/>
{{{link9}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
<div class="button-object {{{class10|}}}">
<div class="button-object {{{class10|}}}">
Line 80: Line 80:
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
{{{link10}}}<nowiki/>
{{{link10}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
<div class="button-object button-collection {{{collectionclass|}}}">
<div class="button-object button-collection {{{collectionclass|}}}">
{{{collectionlink}}}<nowiki/>
{{{collectionlink}}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
</div>
</div>
</div>|<nowiki/>
</div>|<nowiki/>
Line 96: Line 96:
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
[[File:{{{image1}}}|{{{image1w|64px}}}|link=]] {{{link1}}}|<nowiki/>
{{{link1}}}<nowiki/>
{{{link1}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
{{#if: {{{link2|}}}|<nowiki/>
<div class="button-object {{{class2|}}}">
<div class="button-object {{{class2|}}}">
Line 104: Line 104:
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
[[File:{{{image2}}}|{{{image2w|64px}}}|link=]] {{{link2}}}|<nowiki/>
{{{link2}}}<nowiki/>
{{{link2}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
{{#if: {{{link3|}}}|<nowiki/>
<div class="button-object {{{class3|}}}">
<div class="button-object {{{class3|}}}">
Line 112: Line 112:
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
[[File:{{{image3}}}|{{{image3w|64px}}}|link=]] {{{link3}}}|<nowiki/>
{{{link3}}}<nowiki/>
{{{link3}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
{{#if: {{{link4|}}}|<nowiki/>
<div class="button-object {{{class4|}}}">
<div class="button-object {{{class4|}}}">
Line 120: Line 120:
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
[[File:{{{image4}}}|{{{image4w|64px}}}|link=]] {{{link4}}}|<nowiki/>
{{{link4}}}<nowiki/>
{{{link4}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
{{#if: {{{link5|}}}|<nowiki/>
<div class="button-object {{{class5|}}}">
<div class="button-object {{{class5|}}}">
Line 128: Line 128:
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
[[File:{{{image5}}}|{{{image5w|64px}}}|link=]] {{{link5}}}|<nowiki/>
{{{link5}}}<nowiki/>
{{{link5}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
{{#if: {{{link6|}}}|<nowiki/>
<div class="button-object {{{class6|}}}">
<div class="button-object {{{class6|}}}">
Line 136: Line 136:
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
[[File:{{{image6}}}|{{{image6w|64px}}}|link=]] {{{link6}}}|<nowiki/>
{{{link6}}}<nowiki/>
{{{link6}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
{{#if: {{{link7|}}}|<nowiki/>
<div class="button-object {{{class7|}}}">
<div class="button-object {{{class7|}}}">
Line 144: Line 144:
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
[[File:{{{image7}}}|{{{image7w|64px}}}|link=]] {{{link7}}}|<nowiki/>
{{{link7}}}<nowiki/>
{{{link7}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
{{#if: {{{link8|}}}|<nowiki/>
<div class="button-object {{{class8|}}}">
<div class="button-object {{{class8|}}}">
Line 152: Line 152:
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
[[File:{{{image8}}}|{{{image8w|64px}}}|link=]] {{{link8}}}|<nowiki/>
{{{link8}}}<nowiki/>
{{{link8}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
{{#if: {{{link9|}}}|<nowiki/>
<div class="button-object {{{class9|}}}">
<div class="button-object {{{class9|}}}">
Line 160: Line 160:
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
[[File:{{{image9}}}|{{{image9w|64px}}}|link=]] {{{link9}}}|<nowiki/>
{{{link9}}}<nowiki/>
{{{link9}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
{{#if: {{{link10|}}}|<nowiki/>
<div class="button-object {{{class10|}}}">
<div class="button-object {{{class10|}}}">
Line 168: Line 168:
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
[[File:{{{image10}}}|{{{image10w|64px}}}|link=]] {{{link10}}}|<nowiki/>
{{{link10}}}<nowiki/>
{{{link10}}}<nowiki/>
}}
}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
{{#if: {{{collectionlink|}}}|<nowiki/>
<div class="button-object button-collection {{{collectionclass|}}}">
<div class="button-object button-collection {{{collectionclass|}}}">
{{{collectionlink}}}<nowiki/>
{{{collectionlink}}}<nowiki/>
</div>
</div>
|}}
|}}<nowiki/>
</div>}}</includeonly><noinclude><templatedata>
</div>}}</includeonly><noinclude><templatedata>
{
{

Revision as of 22:54, 5 July 2021

Generates a column of buttons, with options to have the buttons in a container with content, specify an image to show next to a button, and have a separate button for collections. Custom CSS classes can be specified for further customization.

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Containercontainer

Defining this variable will place the buttons in a container. Required if Container Content is defined.

Example
y
Stringsuggested
Container Classcontainerclass

Add a custom CSS class to the container.

Example
myclass
Stringoptional
Container Contentcontainercontent

Add content to the container to appear before the buttons.

Example
=== Heading Level 3 ===
Contentsuggested
Button 1 Linklink1

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 1 Classclass1

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 1 Imageimage1

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 1 Image Widthimage1w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 2 Linklink2

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 2 Classclass2

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 2 Imageimage2

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 2 Image Widthimage2w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 3 Linklink3

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 3 Classclass3

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 3 Imageimage3

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 3 Image Widthimage3w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 4 Linklink4

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 4 Classclass4

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 4 Imageimage4

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 4 Image Widthimage4w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 5 Linklink5

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 5 Classclass5

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 5 Imageimage5

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 5 Image Widthimage5w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 6 Linklink6

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 6 Classclass6

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 6 Imageimage6

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 6 Image Widthimage6w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 7 Linklink7

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 7 Classclass7

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 7 Imageimage7

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 7 Image Widthimage7w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 8 Linklink8

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 8 Classclass8

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 8 Imageimage8

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 8 Image Widthimage8w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 9 Linklink9

Specify a link for the button.

Example
[[Eric Weinstein]]
Stringsuggested
Button 9 Classclass9

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 9 Imageimage9

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 9 Image Widthimage9w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Button 10 Linklink10

Specify a link for the button

Example
[[Eric Weinstein]]
Stringsuggested
Button 10 Classclass10

Specify a custom CSS class for the button.

Example
myclass
Stringoptional
Button 10 Imageimage10

Specify an image to show alongside the button.

Example
Read.jpg
Stringsuggested
Button 10 Image Widthimage10w

Specify the width of the image shown alongside the button. Use if the image isn't square. Note that the button's max height is 64px.

Default
64px
Example
102px
Stringoptional
Collection Button Linkcollectionlink

Use this button to link to a collection of the type of pages linked in the list.

Example
[[Content by Eric Weinstein]]
Stringsuggested
Collection Button Classcollectionclass

Specify a custom CSS class for the button.

Example
myclass
Stringoptional