Predložak:Stupci
Predložak se rabi za dijeljenje svih oblika sadržaja u stupce, ali je prvenstveno namijenjen za popise. Zamjena je 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. Predloške s ručnim prijelomom treba koristiti samo u iznimnim slučajevima jer bi sadržaj u njima vjerojatno bio loše prikazan na mobilnim uređajima ili na uskim zaslonima, s kakvima Wikipediji pristupa više od 70 % čitatelja.
Ovaj predložak interno koristi {{Div col}} pa se ponaša se slično paru predložaka {{Div col}} + {{Div col end}}: sadržaj prelama automatski i s promjenjivim brojem stupaca koji ovisi o širini uređaja. U predlošku se sav sadržaj stupaca dodaje kao vrijednost drugoga neimenovanog parametra i ne zatvara ga se drugim predloškom.
Uporaba
[uredi kôd]Jednostavni oblik:
{{stupci|približan broj stupaca|sadržaj}}
Oblik sa svim parametrima:
{{stupci|približan broj stupaca|razmak=vrijednost|debljina=vrijednost|stil=vrijednost|boja=vrijednost|sadržaj}}
Ako se parametri izostave, prikazat će se stupci s minimalnom širinom od 28em 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
[uredi kôd]Svi parametri osim sadržaj neobvezni su (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
[uredi kôd]Osnovni oblik (na širokom ekranu približno 3 stupca s razmakom 10px, bez crte separatora, nenabrojeni popis)
{{stupci|3|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
[uredi kôd]Osnovni oblik (približno 3 stupca s razmakom 10px, bez crte separatora, nabrojeni popis)
{{stupci|3|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
[uredi kôd]Sa svim parametrima (približno 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
[uredi kôd]S izostavljenim parametrima broj stupaca i razmak - dobit će se stupci minimalne širine 28em i automatski razmak
{{stupci||debljina=2|stil=solid|boja=gray|Lorem ipsum...}}
Primjer 5
[uredi kôd]Primjer slika raznih veličina u stupcima (stupci širine >150px s razmakom od 40px, istočkana plava crta separatora debljine 1px; parametar sadržaj imenovan je pomoću 2=
zbog znaka jednakosti u sadržaju)
{{stupci|širina=150px|razmak=40|debljina=1|stil=dotted|boja=blue|2= [[datoteka:Wikipedia-logo.png|link=|50px]] [[datoteka:Wikipedia-logo.png|link=|20px]] ... }}
U gornjem su primjeru slike naredane bez prekida reda, ali mogu biti u novom redu (u wikisintaksi prazan red ili <br>) ili u popisu (* ili #).
TemplateData | ||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Predložak za dijeljenje sadržaja u stupce
|