Predložak:Stupci
Predložak se rabi za dijeljenje bilo kog sadržaja u stupce, ali je prvenstveno namijenjen za popise, kao zamjena za predloške s ručnim prijelomom u stupce {{Col-begin}}, {{Col-N}}, {{Col-break}}, {{Col-end}} u kategoriji Kategorija:Predlošci za tablice i stupce. U ovom se predlošku sav sadržaj stupaca dodaje kao vrijednost parametra i ne zatvara ga se drugim predloškom. Ponaša se slično paru predložaka {{Div col}} + {{Div col end}} jer sadržaj prelama automatski i s promjenjivim brojem stupaca koji ovisi o širini uređaja.
Uporaba
urediJednostavni oblik:
{{stupci|broj stupaca|sadržaj}}
Oblik sa svim parametrima:
{{stupci|broj stupaca|razmak=vrijednost|debljina=vrijednost|stil=vrijednost|boja=vrijednost|sadržaj}}
Ako se parametri izostave, prikazat će se dva stupca bez separatora, a razmak među njima odredit će preglednik automatski. Popis postavljate kao svaki popis na Wikipediji, s početkom u novom redu.
Opis parametara
urediSvi parametri osim sadržaj su neobvezni (ali neimenovanim parametrima treba zadržati poziciju, vidjeti donji primjer).
- širina= minimalna širina stupca izražena u nekoj od CSS jedinica, npr. 12em za vrlo uske stupce
- broj stupaca je približan broj stupaca na koji se dijeli sadržaj; na mobilnim uređajima on može biti manji od traženoga, a na širokim ekranima veći jer se parametar upotrebljava za izračunavanje minimalne širine stupca (oko 28em za 2, 21em za 3, 14em za 4 i više).
- razmak= broj piksela za razmak među stupcima
- Iako se u redovnoj uporabi neće rabiti, dodana je mogućnost postavljanja okomite crte za uočljivije razdvajanje stupaca. Obratite pažnju da su ovi parametri "imenovani", tj. moraju se navesti te iza znaka jednakosti unijeti vrijednosti parametara
- debljina= debljina crte izražena u pikselima
- stil= definira izgled linije, a moguće vrijednosti su: dotted, dashed,solid (uobičajena puna crta), double, groove, ridge, inset, outset
- boja= crte može se iskazati kôdom boje ili nazivom (npr. #808080 ili gray za sivu boju)
- sadržaj je neimenovani parametar, ali u slučaju da se negdje u sadržaju javlja znak jednakosti, parametar se mora imenovati s
2=
Predloškom se automatski prelamaju stupci, tako da se stavke ne moraju ručno prebrojavati i preslagati. Na taj način je olakšano dodavanje ili brisanje stavki. Osim toga, stupci su iste širine, jer se duži redovi automatski prebacuju u novi red, što vizualno djeluje urednije. Također, nema ograničenja u broju stupaca (na stari način bilo je samo Col-6), ali pri kombiniranju broja stupaca i razmaka vodite računa da nemaju svi široke zaslone.
Primjer 1
urediOsnovni oblik (približno 4 stupca s razmakom 10px, bez crte separatora, nenabrojeni popis)
{{stupci|4|razmak=10| * test * test * test... }}
- test
- test
- test
- Ovo je jedan duži red, za ilustraciju prijeloma.
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
Primjer 2
urediOsnovni oblik (približno 4 stupca s razmakom 10px, bez crte separatora, nabrojeni popis)
{{stupci|4|razmak=10| # test # test # test... }}
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
- test
Primjer 3
urediSa svim parametrima (3 stupca s razmakom 10px, puna siva crta separatora debljine 2px)
{{stupci|3|razmak=10|debljina=2|stil=solid|boja=gray|Lorem ipsum...}}
Primjer 4
urediS izostavljenim parametrima broj stupaca i razmak - dobit će se dva stupca i automatski razmak
{{stupci||debljina=2|stil=solid|boja=gray|Lorem ipsum...}}
Primjer 5
urediPrimjer slika raznih veličina u stupcima (stupci širine >150px s razmakom od 40px, puna plava crta separatora debljine 1px; parametar sadržaj je imenovan pomoću 2=
zbog znaka jednakosti u sadržaju)
{{stupci|širina=150px|razmak=40|debljina=1|stil=solid|boja=blue|2= [[datoteka:Wikipedia-logo.png|link=|50px]] [[datoteka:Wikipedia-logo.png|link=|20px]] ... }}
![](http://up.wiki.x.io/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/40px-Wikipedia-logo.png)
![](http://up.wiki.x.io/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/20px-Wikipedia-logo.png)
![](http://up.wiki.x.io/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/20px-Wikipedia-logo.png)
![](http://up.wiki.x.io/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/60px-Wikipedia-logo.png)
U gornjem primjeru su slike naredane bez prekida reda, ali mogu biti u novom redu (u wikisintaksi prazan red ili <br>) ili u popisu (* ili #).
Predložak za dijeljenje sadržaja u stupce
Parametar | Opis | Vrsta | Stanje | |
---|---|---|---|---|
sadržaj u stupcima | 2 | Nema opisa | Wikikôd | obvezno |
razmak između stupaca, u pikselima | razmak | Nema opisa | Broj | neobvezno |
debljina razdjelne crte, u pikselima | debljina | Nema opisa
| Nepoznato | neobvezno |
stil razdjelne crte | stil | Nema opisa
| Tekst | neobvezno |
boja razdjelne crte | boja | Nema opisa
| Nepoznato | neobvezno |
širina | širina | minimalna širina stupca u CSS jedinicama: px, em… | Nepoznato | neobvezno |
približan broj stupaca | 1 | Nema opisa | Broj | zastarjelo |