Sjabloon:Kolommen: verschil tussen versies
Uit KeukenWiki
(Nieuwe pagina aangemaakt met '<noinclude>Dit sjabloon verdeelt een lijst in kolommen met een vaste instelbare breedte. Het aantal kolommen past zich automatisch aan de breedte van het scherm aan...') |
|||
| Regel 6: | Regel 6: | ||
* ... | * ... | ||
}}</pre> | }}</pre> | ||
| + | |||
| + | == Voorbeeld == | ||
| + | {{kolommen | ||
| + | |breedte=30 | ||
| + | |lijst= | ||
| + | # MHK | ||
| + | # Der Kreis | ||
| + | # De Keukendesigners | ||
| + | # Inretail | ||
| + | # BSH group | ||
| + | # Electrolux | ||
| + | # Dekker Zevenhuizen | ||
| + | # Arte werkbladen | ||
| + | # Grando Retail | ||
| + | # Novy NL | ||
| + | # Quooker | ||
| + | # Arpa Industriale (Fenix) | ||
| + | # Miele NL | ||
| + | # Tristar Keukens | ||
| + | # Van Hoecke BV (Blum) | ||
| + | # Ikook | ||
| + | # DVK in natura | ||
| + | # Qumedia (KIM) in natura | ||
| + | }} | ||
Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <code><nowiki><div class='columns'>...</div></nowiki></code> om de volgende lijsten te plaatsen. | Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <code><nowiki><div class='columns'>...</div></nowiki></code> om de volgende lijsten te plaatsen. | ||
| Regel 18: | Regel 42: | ||
{ | { | ||
margin-top:0px; | margin-top:0px; | ||
| + | } | ||
| + | ol.columns {list-style-type: square; padding:4px; } | ||
| + | .columns::before {background-color: orange; color: white;} | ||
| + | ol { | ||
| + | counter-reset: myOrderedListItemsCounter; | ||
| + | } | ||
| + | ol li { | ||
| + | list-style-type: none; | ||
| + | position: relative; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | ol li:before { | ||
| + | counter-increment: myOrderedListItemsCounter; | ||
| + | content: counter(myOrderedListItemsCounter)"."; | ||
| + | margin-right: .5em; | ||
| + | padding: 6px; | ||
| + | font-size: 28px; | ||
| + | font-weight: bold; | ||
} | } | ||
}}<div class='columns'><nowiki /> | }}<div class='columns'><nowiki /> | ||
{{{lijst|}}}</div></includeonly> | {{{lijst|}}}</div></includeonly> | ||
Versie van 23 mei 2022 07:01
Dit sjabloon verdeelt een lijst in kolommen met een vaste instelbare breedte. Het aantal kolommen past zich automatisch aan de breedte van het scherm aan. De breedte van de kolommen is in em (de relatieve grootte van het lettertype) en staat standaard op 38. Dit komt overeen met (meestal) 2 kolommen op een (groot) desktop-scherm.
{{kolommen
|breedte=38
|lijst=
* ...
* ...
}}
Voorbeeld[brontekst bewerken]
- MHK
- Der Kreis
- De Keukendesigners
- Inretail
- BSH group
- Electrolux
- Dekker Zevenhuizen
- Arte werkbladen
- Grando Retail
- Novy NL
- Quooker
- Arpa Industriale (Fenix)
- Miele NL
- Tristar Keukens
- Van Hoecke BV (Blum)
- Ikook
- DVK in natura
- Qumedia (KIM) in natura
Bij herhaald gebruik op een pagina, is het niet nodig het sjabloon steeds opnieuw te gebruiken. Het volstaat om een <div class='columns'>...</div> om de volgende lijsten te plaatsen.
