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

From DynamicPageList3 Manual
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:
==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 toin the category to be numbered. The <code>hlistattr</code> adds attributes at the heading/top level; whichan appliesID is given, a class[https://www.w3schools.com/cssref/sel_class.asp toCSS colorclass] theseis elementsgiven orange,to assignsset the IDcolor "topmenu"orange, and the font size ofset to 17 pixels. The '''entire list would appear orange, if''' the <code>listattr</code> wasn't set; whichthis next parameter sets another ID to the list, itemand toapplies a blue CSS class. The <code>itemattr</code> sets aan classID and style (italic) to the contents ''within'' the list item,'s to italiccontents.
 
<pre>
Line 14:
|headingmode = definition
|mode = ordered
|hlistattr = id="topmenudl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr = id="listitemol-example" class="dpl-blue-background"
|itemattr = id="submenulistitemli-example" style="font-style: italic;"
|count = 1
}}
Line 28:
|headingmode = definition
|mode = ordered
|hlistattr = id="dl-example" class="dpl-orange-background" id="topmenu" style= "font-size:17px;"
|listattr = id="listitemol-example" class="dpl-blue-background"
|itemattr = id="submenulistitemli-example" style="font-style: italic;"
|count = 1
}}

Revision as of 06:59, 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 Europe and orders them by category (which is used in combination with headingmode to put category as header) and pagetouched. mode set as ordered causes the articles that belong in the category to be numbered. The hlistattr adds attributes at the heading/top level; an ID is given, a 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 listattr wasn't set; this next parameter sets another ID to the list, and applies a blue CSS class. The itemattr sets an ID and style (italic) to list item's contents. 

{{#dpl:
|category    = Countries in Europe
|ordermethod = category,pagetouched
|headingmode = definition
|mode        = ordered
|hlistattr   = id="dl-example" class="dpl-orange-background" style= "font-size:17px;"
|listattr    = id="ol-example" class="dpl-blue-background"
|itemattr    = id="li-example" style="font-style: italic;"
|count       = 1
}}

Result

{{#dpl: |category = Countries in Europe |ordermethod = category,pagetouched |headingmode = definition |mode = ordered |hlistattr = id="dl-example" class="dpl-orange-background" style= "font-size:17px;" |listattr = id="ol-example" class="dpl-blue-background" |itemattr = id="li-example" style="font-style: italic;" |count = 1 }}

Retrieved from "https://dpl3.wikitide.org/wiki/Examples/Parameter:_hlistattr_(example_1)?oldid=2376"