Template:Tile

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.

Parameter		Description	Type	Status
Image	1	no description Example Icon_RFG.png	File	required
Caption	2	Text to accompany the image. Don't place any links inside this field. Example Alec Mason	String	suggested
Link	3	The name of the page that the image and caption should link to. Example Red Faction: Guerrilla	Page name	optional
Width	4	The width of the tile's image (in pixels). Default 128 Example 50	Number	optional
Height	5	The height of the tile's image (in pixels). Default 128 Example 150	Number	optional
Crop	crop	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	String	optional
Float	float	Used for positioning/aligning the tile on the page, allowing text to wrap around it. Suggested values left right Default none Example left	String	optional
CSS	css	An additional parameter to add any CSS to customise the individual tile. Example font-size: 12px;	String	optional

{{Tile|IMAGE|CAPTION|LINK|WIDTH|HEIGHT}}

Usage:

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

Output:

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:

Mining ATV

Mining ATV

Mining ATV

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:

Center

Left

Right

Center

Bottom

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:

Left

Right