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

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