Difference between revisions of "Template:H:title"

From LeikaRO wiki
Jump to: navigation, search
(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 some...")
 
 
Line 22: Line 22:
  
 
:''Syntax:'' <nowiki>{{H:title|This is mouse-over text|Hover here}}</nowiki>
 
:''Syntax:'' <nowiki>{{H:title|This is mouse-over text|Hover here}}</nowiki>
{{H:title|link=yes|This link will take you to the Main page|Main page}} (with link)
+
{{H:title|link=yes|This link will take you to the Main page|Main Page}} (with link)
  
:''Syntax:'' <nowiki>{{H:title|link=yes|This link will take you to the Main page|Main page}}
+
:''Syntax:'' <nowiki>{{H:title|link=yes|This link will take you to the Main page|Main Page}}
 
</nowiki>
 
</nowiki>
  
Line 32: Line 32:
  
 
:''Syntax:'' <nowiki>{{H:title|dotted=no|This is mouse-over text|Hover here}}</nowiki>
 
:''Syntax:'' <nowiki>{{H:title|dotted=no|This is mouse-over text|Hover here}}</nowiki>
{{H:title|link=yes|dotted=no|This link will take you to the Main page|Main page}} (with link)
+
{{H:title|link=yes|dotted=no|This link will take you to the Main page|Main Page}} (with link)
  
:''Syntax:'' <nowiki>{{H:title|link=yes|dotted=no|This link will take you to the Main page|Main page}}</nowiki>
+
:''Syntax:'' <nowiki>{{H:title|link=yes|dotted=no|This link will take you to the Main page|Main Page}}</nowiki>
  
 
----
 
----

Latest revision as of 10:09, 27 July 2016

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 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.