Sjabloon:Kolommen: verschil tussen versies

Uit KeukenWiki
Regel 43: Regel 43:
 
margin-top:0px;
 
margin-top:0px;
 
}
 
}
.columns {list-style-type: square; padding:4px; }
+
 
.columns::before {background-color: orange; color: white;}
 
 
ol {
 
ol {
 
counter-reset: myOrderedListItemsCounter;
 
counter-reset: myOrderedListItemsCounter;
Regel 59: Regel 58:
 
padding: 6px;
 
padding: 6px;
 
list-style-type: square;
 
list-style-type: square;
background-color: rgba(236,100,27,1);  
+
background-color: rgba(30,56,102,1);  
 
color: white;
 
color: white;
 
font-size: 28px;
 
font-size: 28px;

Versie van 23 mei 2022 08:09

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]

  1. MHK
  2. Der Kreis
  3. De Keukendesigners
  4. Inretail
  5. BSH group
  6. Electrolux
  7. Dekker Zevenhuizen
  8. Arte werkbladen
  9. Grando Retail
  10. Novy NL
  11. Quooker
  12. Arpa Industriale (Fenix)
  13. Miele NL
  14. Tristar Keukens
  15. Van Hoecke BV (Blum)
  16. Ikook
  17. DVK in natura
  18. 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.