Examples/Parameter: hlistattr (example 1): Difference between revisions

Content added Content deleted

Inline

Revision as of 09:29, 24 April 2022

Please do not edit this page unless you're wanting to edit the manual itself, it is an example included in the manual.

Example

This will select articles in Category:Countries in Africa or Category:Countries in Europe and order them by category (which is used in combination with headingmode to put the category as the header). mode set to ordered which causes the articles that listed under the categories to be numbered. The hlistattr adds formatting at the heading/top level, which encloses all other items; an ID is given, a CSS class is given to set the color orange, and a border and padding are set.

{{#dpl:
|category    = Countries in Africa¦Countries in Europe
|ordermethod = category,pagetouched
|headingmode = definition
|mode        = ordered
|hlistattr   = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;"
|count       = 2
}}

Result

{{#dpl: |category = Countries in Africa¦Countries in Europe |ordermethod = category,pagetouched |headingmode = definition |mode = ordered |hlistattr = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;" |count = 2 }}

@@ Line 6: / Line 6: @@
 ==Example==
-This will select articles in [[:Category:Countries in Africa]] or [[:Category:Countries in Europe]] and orders them by ''category'' (which is used in combination with <code>headingmode</code> to put the category as the header). <code>{{DPL|mode}}</code> set as ''ordered'' causes the articles that belong in the categories to be numbered. The <code>hlistattr</code> adds attributes at the heading/top level; an ID is given, a [https://www.w3schools.com/cssref/sel_class.asp CSS class] is given to set the color orange, and the font size is set to 17 pixels. The '''entire list would appear orange, if''' no <code>listattr</code> was set; though <code>listattr</code> sets an ID to the ''ordered list'' and applies a blue CSS class (which also apepars on its ''list items''). The <code>itemattr</code> sets an ID and style (italic) to list items.
+This will select articles in [[:Category:Countries in Africa]] or [[:Category:Countries in Europe]] and order them by ''category'' (which is used in combination with <code>headingmode</code> to put the category as the header). <code>{{DPL|mode}}</code> set to ''ordered'' which causes the articles that listed under the categories to be numbered. The <code>hlistattr</code> adds formatting at the heading/top level, which encloses all other items; an ID is given, a [https://www.w3schools.com/cssref/sel_class.asp CSS class] is given to set the color orange, and a border and padding are set.
 <pre>
@@ Line 14: / Line 14: @@
 |headingmode = definition
 |mode        = ordered
-|hlistattr   = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
+|hlistattr   = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;"
-|listattr    = id="ol-example" class="dpl-blue-background"
-|itemattr    = id="li-example" style="font-style: italic;"
 |count       = 2
 }}
@@ Line 28: / Line 26: @@
 |headingmode = definition
 |mode        = ordered
-|hlistattr   = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
+|hlistattr   = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;"
-|listattr    = id="ol-example" class="dpl-blue-background"
-|itemattr    = id="li-example" style="font-style: italic;"
 |count       = 2
 }}
@@ Line 40: / Line 36: @@
 [[Category:Uses mode parameter]]
 [[Category:Uses hlistattr parameter]]
-[[Category:Uses listattr parameter]]
+[[Category:Uses count parameter]]
-[[Category:Uses itemattr parameter]]
 </noinclude>