Template:Hlist/doc

From Krafties
< Template:Hlist
Revision as of 03:40, 4 May 2017 by MyraMidnight (talk | contribs) (Undo revision 15008 by MyraMidnight (talk))
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
This is a documentation subpage for Template:Hlist.
It contains usage information, categories and other content that is not part of the original template page.

This template creates horizontal lists. Each item in the list may have CSS styles added to it individually, by appending a numbered parameter.

Usage

Basic usage

{{hlist|''first item''|''second item''|''third item''|...}}

All parameters

{{hlist
|''first item''|''second item''|''third item''|...
|class     = ''class''
|style     = ''style''
|ul_style  = ''style for ul tag''
|li_style  = ''style for all li tags''
|li_style1 = ''style for first li tag'' |li_style2 = ''style for second li tag'' |...
|indent    = ''indent for the list''
}}

Parameters

  • Positional parameters (1, 2, 3...) - these are the list items. If no list items are present, the module will output nothing.
  • class - a custom class for the <div>...</div> tags surrounding the list, e.g. plainlinks.
  • style - a custom css style for the <div>...</div> tags surrounding the list, e.g. font-size: 90%;.
  • list_style - a custom css style for the <ul>...</ul> tags around the list. The format is the same as for the |style= parameter.
  • item_style - a custom css style for all of the list items (the <li>...</li> tags). The format is the same as for the |style= parameter.
  • item1_style, item2_style, item3_style... - custom css styles for each of the list items. The format is the same as for the |style= parameter.
  • indent - this parameter indents the list. The value must be a number, e.g. 2. The indent is calculated in em, and is 1.6 times the value specified. If no indent is specified, the default is zero.

Examples

Markup [[:Template: Renders as
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
  • entry1
  • entry2
  • entry3
  • entry4
  • entry5
  • entry6
  • entry7
  • entry8
  • entry9
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;|indent=2}}
  • Winner
  • Runner-up
  • Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • Winner
  • Runner-up
  • Third place

See also