Vorlage:Tile/doc

Documentation

Verwendung

Diese Vorlage bietet eine benutzerdefinierte Kachelnavigation mit Symbolen.

<ul style="margin:0; margin-top:8px; padding:0; width:100%;">
{{ Tile 
 | Image =
 | caption =
 | link = 
 | css = 
}}</ul>

Parameter

Image (Parameter 1): Das Bild / Symbol, das angezeigt werden soll.

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

Caption (Parameter 2): Die Beschriftung / der Text, der angezeigt werden soll.

Beispiel: caption = Color IDs

Link (Parameter 3): Hyperlink, dem beim Klicken gefolgt wird

Beispiel: link = Konsolenbefehl

Hinweis: Wenn kein Link definiert ist, wird er automatisch mit dem angezeigten Bild verknüpft.

Äquivalente Beschriftung und Link (Optional, dann Parameter 2): Verwenden Sie diese Option nur, wenn Caption und Link identisch sind, um die Lesbarkeit des Codes zu verbessern oder die Redundanz zu reduzieren.

Beispiel: caption/link = Farb IDs

Das Beispiel macht caption/link = Farb IDs

genau das gleiche wie

caption = Farb IDs

link = Farb IDs

CSS: (Optional, Parameter 4 oder 3 bei caption/link) CSS beeinflusst das gesamte Element im <li> html-Tag, das es umfasst.

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

Sie können den zweifarbigen Hintergrundfarbverlauf auch ändern, indem Sie die Farbvariablen innerhalb des CSS neu definieren.

Die Variable BG1 ist der normale Hintergrund, während die Variable BG2 angezeigt wird, wenn sich der Benutzer auf derselben Seite befindet, auf die die Kachel verweist.

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

Beispiel

<ul style="margin:0; margin-top:8px; padding:0; width:100%;">
{{Tile|Stone Pick.png|caption=Beispiel|link=}}
{{Tile|Stone Pick.png|caption=Du bist hier!|link=}}
{{Tile|Stone Pick.png|caption=CSS Farbe|link=|css=background:pink; color:purple; border:1px dotted purple; font-variant:small-caps;}}
{{Tile|Stone Pick.png|caption=CSS no BG|link=|css=background:none; color:purple; border:none; font-family:Georgia;}}
{{Tile|Stone Pick.png|caption=Custom BG|link=|css={{#vardefine:BG1|lightgray, black}} color:white;}}
</ul>

ergibt: