Template:H:title

Template page
Revision as of 17:00, 17 September 2023 by Admin (talk | contribs) (Created page with "<noinclude>This template takes two parameters (link=yes/no and dotted=yes/no), and creates underlined text with a hover box for many modern browsers supporting CSS. Here are some ways to create {{H:title|also called hover-over effects or fly-out|mouse-over effects}}. Using mouse-over effects on wiki text can improve <span title="goes to the Wikipedia article about usability">usability</span>. ==Examples== <span title="Hello, how are you ?" >Hover over...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

This template takes two parameters (link=yes/no and dotted=yes/no), and creates underlined text with a hover box for many modern browsers supporting CSS.

Here are some ways to create mouse-over effects.

Using mouse-over effects on wiki text can improve usability.

Examples

Hover over me.

Syntax: <span title="Hello, how are you ?" >Hover over me.</span>


Using: Template:H:title

The default is a dotted underline

Hover here

Syntax: {{H:title|This is mouse-over text|Hover here}}

Main page (with link)

Syntax: {{H:title|link=yes|This link will take you to the Main page|Main page}}

To not have a dotted underline, add dotted=no

Hover here

Syntax: {{H:title|dotted=no|This is mouse-over text|Hover here}}

Main page (with link)

Syntax: {{H:title|link=yes|dotted=no|This link will take you to the Main page|Main page}}

Notes

Template:H:title could be further developed with a 3rd parameter to deal with the situation where one wants to create a link (page name), a link alias, and mouse-over text.

In wiki text, this can presently be done like this:

link alias (note that the link goes to Wikiversity:Sandbox)

Syntax: [[Wikiversity:Sandbox|<span title="mouse-over text">link alias</span>]] (note that the link goes to [[Wikiversity:Sandbox]])