Template:Tile

From Red Faction Wiki
Revision as of 00:32, 22 February 2024 by SimpleArrows (talk | contribs)

Creates a tile with an image and caption that is resizable. Intended as a replacement for galleries with improved custom sizing and style.

Template parameters

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Image1

no description

Example
Icon_RFG.png
Filerequired
Caption2

Text to accompany the image. Don't place any links inside this field.

Example
Alec Mason
Stringsuggested
Link3

The name of the page that the image and caption should link to.

Example
Red Faction: Guerrilla
Page nameoptional
Width4

The width of the tile's image (in pixels).

Default
128
Example
50
Numberoptional
Height5

The height of the tile's image (in pixels).

Default
128
Example
150
Numberoptional
Cropcrop

Determines the position of the image when cropped to fit into its specified size. Intended for when the image has been automatically cropped into an undesired position.

Suggested values
top bottom left right
Default
center
Example
top
Stringoptional
Floatfloat

Used for positioning/aligning the tile on the page, allowing text to wrap around it.

Suggested values
left right
Default
none
Example
left
Stringoptional
CSScss

An additional parameter to add any CSS to customise the individual tile.

Example
font-size: 12px;
Stringoptional
{{Tile|IMAGE|CAPTION|LINK|WIDTH|HEIGHT}}

Usage:

{{Tile|Min_ATV.png|Mining ATV||250|150}}

Output:

Min ATV.png
Mining ATV



Centered Tiles: To create a collection of centered tiles, similar to a gallery, you can wrap the tile templates in the <center> tag.

Usage:

<center>
{{Tile|Min_ATV.png|Mining ATV||150|100}}
{{Tile|Min_ATV.png|Mining ATV||150|100}}
{{Tile|Min_ATV.png|Mining ATV||150|100}}
{{Tile|Min_ATV.png|Mining ATV||150|100}}
</center>

Output:

Min ATV.png
Mining ATV
Min ATV.png
Mining ATV
Min ATV.png
Mining ATV
Min ATV.png
Mining ATV



Crop Position:

If the automatic crop of a tile's image is in an undesired position, you can manually set its position through 4 values: top, bottom, left and right.

Usage:

<center>
{{Tile|Min_ATV.png|Center||50|150}}
{{Tile|Min_ATV.png|Left||50|150|crop=left}}
{{Tile|Min_ATV.png|Right||50|150|crop=right}}
{{Tile|Min_ATV.png|Center||200|100}}
{{Tile|Min_ATV.png|Bottom||200|100|crop=bottom}}
{{Tile|Min_ATV.png|Top||200|100|crop=top}}
</center>

Output:

Min ATV.png
Center
Min ATV.png
Left
Min ATV.png
Right
Min ATV.png
Center
Min ATV.png
Bottom
Min ATV.png
Top



Float Alignment:

Like a thumbnail image, you can align the tile to be on the left or right of the page. This will allow any text to wrap around the tile.

Usage:

{{Tile|Min_ATV.png|Left||150|100|float=left}}
{{Tile|Min_ATV.png|Right||150|100|float=right}}

Output:

Min ATV.png
Left
Min ATV.png
Right