සැකිල්ල:Hlist
Appearance
මෙම සැකිල්ල පිටු බොහෝ ගණනක භාවිතා වන නිසා සිදුකරන වෙනස් කිරීම් බොහෝ ස්ථානවලට බලපානු ඇත. ඔබ සිදුකිරීමට අදහස් කරන වෙනස්කම් මෙම සැකිල්ලට අදාළ /sandbox හෝ /testcases උපපිටුවල, හෝ ඔබගේ පරිශීලක උපපිටුවේ පළමුව සිදුකොට පරීක්ෂාකර බලන්න. එම වෙනස්කම් සිදුකිරීමට ප්රථම අදාළ සාකච්ඡා පිටුවේ ඒ පිළිබඳව සංවාදයක් ගොඩනැගීමට කාරුණික වන්න.
Transclusion count updated automatically (ප්රලේඛනය වෙතට යොමුවන්න). |
මෙම සැකිල්ල ලුවා භාවිතා කරයි: |
This template uses TemplateStyles: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Lists output by {{Flatlist}} and {{Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists.
Usage
[සංස්කරණය]Basic usage
{{hlist|first item|second item|third item|...}}
All parameters
{{hlist |first item|second item|third item|... |class = class for div tag |style = style for div tag |list_style = style for ul tag |item_style = style for all li tags |item1_style = style for first li tag |item2_style = style for second li tag |... |indent = the number of tabs to indent }}
Example
{{hlist|Jazz|rock|pop|rap}}
produces:
- Jazz
- rock
- pop
- rap
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. Set toinline
when using {{hlist}} inside text.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
: the number of tabs to indent the list. Default value is 0.
Examples
[සංස්කරණය]Markup | Renders asසැකිල්ල:Markup/rowසැකිල්ල:Markup/rowසැකිල්ල:Markup/rowසැකිල්ල:Markup/rowසැකිල්ල:Markup/rowසැකිල්ල:Markup/row |
---|---|
Avoiding Linter errors
[සංස්කරණය]{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span>
tags, such as {{small}}, {{larger}}, etc. To avoid this, use the substitutions from the table below:
සැකිල්ල:No Incorrect markup | සැකිල්ල:Yes Correct markup |
---|---|
{{small|{{hlist|...}}}} |
{{hlist|...|style=font-size:85%}}
|
{{resize|{{hlist|...}}}} |
{{hlist|...|style=font-size:90%}}
|
{{midsize|{{hlist|...}}}} |
{{hlist|...|style=font-size:92%}}
|
{{larger|{{hlist|...}}}} |
{{hlist|...|style=font-size:120%}}
|
{{big|{{hlist|...}}}} |
{{hlist|...|style=font-size:120%}}
|
{{large|{{hlist|...}}}} |
{{hlist|...|style=font-size:120%}}
|
{{huge|{{hlist|...}}}} |
{{hlist|...|style=font-size:180%}}
|
{{resize|x%|{{hlist|...}}}} |
{{hlist|...|style=font-size:x%}}
|
{{font|size=x%|{{hlist|...}}}} |
{{hlist|...|style=font-size:x%}}
|
{{nowrap|{{hlist|...}}}} |
{{hlist|...|style=white-space: nowrap}}
|