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

Simplify examples to match now that extra styles could be moved to Common.css
imported>FrozenPlum
mNo edit summary
imported>FrozenPlum
(Simplify examples to match now that extra styles could be moved to Common.css)
 
(3 intermediate revisions by the same user not shown)
Line 6:
==Example==
 
This selects 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> is set to ''ordered'' which causes the articles that are listed under the categories to be numbered. The <code>hlistattr</code> adds formatting at the heading/top level, enclosingwhich encloses all other items; for that, an ID, orangeis colorgiven, anda other[https://www.w3schools.com/cssref/sel_class.asp stylesCSS areclass] is given. <code>hitemattr</code>to addsset an ID,the color pink/red colororange, and othera stylesborder toand thepadding next corresponding ordered (ol)are elementset.
 
<pre>
Line 14:
|headingmode = definition
|mode = ordered
|hlistattr = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;"
|hitemattr = id="list-item-heading-attrubite" style="background-color:pink; border:1px solid red; padding:3px;"
|count = 2
}}
Line 21 ⟶ 20:
 
==Result==
 
{{#dpl:
|category = Countries in Africa¦Countries in Europe
Line 26:
|headingmode = definition
|mode = ordered
|hlistattr = id="dl-example" class="dpl-orange-background" style="border:1px solid orange; padding:3px;"
|hitemattr = id="list-item-heading-attrubite" style="background-color:pink; border:1px solid red; padding:3px;"
|count = 2
}}
<noinclude>
[[Category:ControllingHeading output format (examples)‎mode]]
[[Category:Uses category parameter]]
[[Category:Uses ordermethod parameter]]
Line 37 ⟶ 36:
[[Category:Uses mode parameter]]
[[Category:Uses hlistattr parameter]]
[[Category:Uses hitemattrcount parameter]]
</noinclude>
Anonymous user