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

Content added Content deleted
imported>FrozenPlum
m (Just far less confusing to do it this way instead, will adjust the other example similarly)
imported>FrozenPlum
m (No, I better make it 2, and refine, this is a very hard one to describe succinctly, I'll probably need a few tries for this one.)
Line 6: Line 6:
==Example==
==Example==


This will select articles in [[:Category:Countries in Europe]] and orders them by ''category'' (which is used in combination with <code>headingmode</code> to put category as header) and ''pagetouched''. <code>{{DPL|mode}}</code> set as ''ordered'' causes the articles that belong in the category 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 set to 17 pixels. The '''entire list would appear orange, if''' the <code>listattr</code> wasn't set; this next parameter sets another ID to the list, and applies a blue CSS class. The <code>itemattr</code> sets an ID and style (italic) to list item's contents.
This will select articles in [[: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. The <code>itemattr</code> sets an ID and style (italic) to list item's contents.


<pre>
<pre>
{{#dpl:
{{#dpl:
|category = Countries in Europe
|category = Countries in Africa¦Countries in Europe
|ordermethod = category,pagetouched
|ordermethod = category,pagetouched
|headingmode = definition
|headingmode = definition
Line 17: Line 17:
|listattr = id="ol-example" class="dpl-blue-background"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="li-example" style="font-style: italic;"
|itemattr = id="li-example" style="font-style: italic;"
|count = 1
|count = 2
}}
}}
</pre>
</pre>
Line 24: Line 24:


{{#dpl:
{{#dpl:
|category = Countries in Europe
|category = Countries in Africa¦Countries in Europe
|ordermethod = category,pagetouched
|ordermethod = category,pagetouched
|headingmode = definition
|headingmode = definition
Line 31: Line 31:
|listattr = id="ol-example" class="dpl-blue-background"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="li-example" style="font-style: italic;"
|itemattr = id="li-example" style="font-style: italic;"
|count = 1
|count = 2
}}
}}
<noinclude>
<noinclude>