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

Content added Content deleted
imported>FrozenPlum
mNo edit summary
imported>FrozenPlum
m (Just far less confusing to do it this way instead, will adjust the other example similarly)
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 to the category to be numbered. The <code>hlistattr</code> adds attributes at the heading/top level which applies a class to color these elements orange, assigns the ID "topmenu" and the font size of 17 pixels. The '''entire list would appear orange, if''' the <code>listattr</code> wasn't set which sets the list item to blue. The <code>itemattr</code> sets a class and style to the contents ''within'' the list item, to italic.
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.


<pre>
<pre>
Line 14: Line 14:
|headingmode = definition
|headingmode = definition
|mode = ordered
|mode = ordered
|hlistattr = id="topmenu" class="dpl-orange-background" style= "font-size:17px;"
|hlistattr = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr = id="listitem" class="dpl-blue-background"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="submenulistitem" style="font-style: italic;"
|itemattr = id="li-example" style="font-style: italic;"
|count = 1
|count = 1
}}
}}
Line 28: Line 28:
|headingmode = definition
|headingmode = definition
|mode = ordered
|mode = ordered
|hlistattr = class="dpl-orange-background" id="topmenu" style= "font-size:17px;"
|hlistattr = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr = id="listitem" class="dpl-blue-background"
|listattr = id="ol-example" class="dpl-blue-background"
|itemattr = id="submenulistitem" style="font-style: italic;"
|itemattr = id="li-example" style="font-style: italic;"
|count = 1
|count = 1
}}
}}