Predložak:Stupci

Dokumentacija predloška[vidi] [uredi] [povijest] [osvježi]

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

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

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

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

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

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...}}

Lorem ipsum dolor sit amet consectetuer lorem at In Fusce cursus. Ipsum sed Morbi sollicitudin quis laoreet Donec pede tortor enim magna. Felis fermentum lobortis tortor metus cursus Nullam nibh risus Maecenas ipsum. Pellentesque Duis nibh quis Vestibulum tincidunt Quisque cursus laoreet quis quis. Nascetur enim vel vitae dignissim Vivamus lacus eros semper orci pede. Quisque iaculis Fusce felis interdum adipiscing Aliquam Pellentesque Nam Cras hac. Pellentesque. Leo condimentum Lorem mauris justo justo tellus Nullam hac turpis consequat. Non semper elit Aenean pretium augue sagittis vitae Nulla tortor libero. Sed eget sem sed vitae laoreet fames tincidunt Aenean tellus orci. Donec tempor velit et quis orci neque penatibus tempus vitae eros. Libero fames morbi at mus tempor elit Quisque habitant eros nonummy.

Primjer 4

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...}}

Lorem ipsum dolor sit amet consectetuer lorem at In Fusce cursus. Ipsum sed Morbi sollicitudin quis laoreet Donec pede tortor enim magna. Felis fermentum lobortis tortor metus cursus Nullam nibh risus Maecenas ipsum. Pellentesque Duis nibh quis Vestibulum tincidunt Quisque cursus laoreet quis quis. Nascetur enim vel vitae dignissim Vivamus lacus eros semper orci pede. Quisque iaculis Fusce felis interdum adipiscing Aliquam Pellentesque Nam Cras hac. Pellentesque. Leo condimentum Lorem mauris justo justo tellus Nullam hac turpis consequat. Non semper elit Aenean pretium augue sagittis vitae Nulla tortor libero. Sed eget sem sed vitae laoreet fames tincidunt Aenean tellus orci. Donec tempor velit et quis orci neque penatibus tempus vitae eros. Libero fames morbi at mus tempor elit Quisque habitant eros nonummy.

Primjer 5

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

Parametri predloška
U ovom je predlošku preporučljivo pisati svaki parametar u svom retku.
Parametar		Opis	Vrsta	Stanje
približan broj stupaca	`1`	Nema opisa	Broj	zastarjelo
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 Primjer 2	Nepoznato	neobvezno
stil razdjelne crte	`stil`	Nema opisa Predložene vrijednosti `solid` `dotted` `dashed` `double` Primjer solid	Tekst	neobvezno
boja razdjelne crte	`boja`	Nema opisa Primjer blue	Nepoznato	neobvezno
širina	`širina`	minimalna širina stupca u CSS jedinicama: px, em…	Nepoznato	neobvezno

Ovo je stranica s kôdom predloška ili modula. Dokumentacija je transkludirana iz Predložak:Stupci/doc.
Suradnici mogu raditi pokuse na podstranicama pješčanik i testovi .
Molimo dodajte kategorije na /doc podstranicu. Podstranice ovog predloška.