Template:HoverText/Doc

From HorizonXI Wiki
< Template:HoverText
Revision as of 05:08, 14 February 2023 by Garnet-HorizonXI (Fandom) (talk | contribs) (Created page with "<noinclude> * ''This is the documentation for Template:HoverText. It is transcluded into the template page.'' </noinclude><onlyinclude> {{Tocright}} ==Usage== Adds a title to the provided text, which can be viewed in most browsers by holding the mouse cursor over the underlined text. * This template is based on the Wikimedia ''H:title'' template: http://meta.wikimedia.org/wiki/Template:H:title ===Parameters=== * '''dotted:''' Set to '''no''' to suppress the dot...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
  • This is the documentation for Template:HoverText. It is transcluded into the template page.


Usage

Adds a title to the provided text, which can be viewed in most browsers by holding the mouse cursor over the underlined text.

Parameters

  • dotted: Set to no to suppress the dotted underline. Other values will show the underline.
  • color: The color for the dotted underline. Default is #000: [        ]
    This can be any valid CSS color value, such as named color or HTML hex.
  • cursor: Set to yes to change the cursor to Help when the text is hovered on.
  • url: The address for a page when the display should be a link.
  • type: If url is provided, this value indicates what type of address it is.
    Valid values are:
    • page: An interwiki page link. This is the default when url is provided.
    • web: An external website address.
  • Parameter 1: The text to be shown when the user hovers over the display text.
  • Parameter 2: This can be one of two values:
    1. The actual text to be displayed on the page.
    2. The display text for a link.

Syntax

{{HoverText|dotted=[yes|no]|color=|url=|type=|hover-title-text|display-text}}
{{HoverText
  |dotted=[yes|no]
  |color=
  |cursor=
  |url=
  |type=
  |hover-title-text
  |display-text
}}

Examples

Simple Text

Code:

{{HoverText|color=#c0c0c0|This is what you'll see when hovering over the text.|Put your cursor over me!}}

Output:

  • Put your cursor over me!

Link (Internal)

Code:

{{HoverText|color=#00FF00|cursor=yes|url=Main Page|type=page|Go to the main page.|Wiki Home}}

Output:

Link (External)

Code:

{{HoverText|color=#FF0000|url=http://www.google.com|type=web|Search the web.|Google}}

Output: