Plantilla:Mosaico

Usage

This template provides a custom tiling navigation with icons.

Usage and Notes

Image (Parameter 1): The image/icon to be displayed.

Example: Color Wheel.svg or image = Color Wheel.svg

Caption: The caption/text to be displayed.

Example: caption = Color IDs

Link: Hyperlink to follow when clicked.

Example: link = Console Commands

Note: if no link is defined, it will automatically link to the image shown instead.

Equivalent Caption and Link: (Optional) Use only when both the Caption and Link are the same to increase legibility of the code or reduce redundancy.

Example: caption/link = Color IDs

For instance, caption/link = Color IDs

does exactly the same as

caption = Color IDs

link = Color IDs

CSS: (Optional) CSS to affect the entire element at the <li> html tag encompassing it.

Example: css = color:red; background:pink; font-variant:small-caps;

You can also change the two-toned background gradient by redefining the color variables within the CSS.

Variable BG1 is the normal background, while Variable BG2 is shown when the user is on the same page as the tile links to.

Example: css = {{#vardefine:BG1|pink, #000}} {{#vardefine:BG2|goldenrod, black}}

<ul style="margin:0; margin-top:8px; padding:0; width:100%;">
{{ Mosaico | Blank.png
 | caption = Example
 | link    = Target Page
 | css     = color:purple;
}}
</ul>