Szablon:Układ wielokolumnowy

 Dokumentacja szablonu [zobacz] [edytuj] [historia] []

Użycie

Szablon powoduje wyświetlenie treści w kilku kolumnach. Liczba kolumn może być elastyczna (zależna od szerokości okna przeglądarki).

Zalecane są dwie formy użycia:

{{Układ wielokolumnowy | szerokość = minimalna szerokość | liczba = maksymalna liczba kolumn | tekst }}
{{Układ wielokolumnowy | szerokość = minimalna szerokość | tekst }}

gdzie:

• szerokość należy zapisać w jednym z dwóch formatów (D – dowolna cyfra):

• DDem (bez spacji między liczbą a em), np. 10em („em” jest jednostką rozmiaru tekstu równą w przybliżeniu szerokości litery „M”)
• DDpx lub DDDpx (bez spacji między liczbą a px), np. 200px

Jeśli parametr ten nie zostanie podany, automatycznie przyjmowana jest wartość 14em.

• liczba – podanie tego parametru wskazuje maksymalną liczbę kolumn, nawet jeśli parametr szerokość pozwoliłby na większą ich liczbę
• tekst powinien mieć formę listy wypunktowanej (wikikod *), numerowanej (wikikod #) lub z wymuszonym podziałem linii (wikikod <br /> lub puste linie pomiędzy elementami listy)

Znane problemy

• Działanie szablonu może być zakłócane przez niektóre znaki, na przykład „=” w tekście. W takiej sytuacji należy poprzedzić tekst podaniem numeru parametru, np.:

{{Układ wielokolumnowy | szerokość = 12em | 1=<nowiki/>
* Znak równości =
* Znak dodawania +
...
}}

Uwaga! W przypadku podania numeru parametru zazwyczaj konieczne jest dodanie kodu <nowiki/>, przy jego braku pierwszy element listy wyświetla się nieprawidłowo.

• W przeglądarce Internet Explorer w wersji poniżej 10 lista nie będzie dzielona na kolumny (ale będzie wyświetlana prawidłowo). Te przeglądarki są już jednak praktycznie nieużywane.

Przykłady

Przykłady bez podania maksymalnej liczby kolumn

Liczba kolumn będzie zależeć od szerokości okna przeglądarki (zobacz: responsive web design).

Przykład 1

{{Układ wielokolumnowy | szerokość = 12em | [Lista] }}

Treść zostanie rozlokowana w kolumnach o szerokości 12em:

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza

Przykład 2

{{Układ wielokolumnowy | szerokość = 200px| [Lista] }}

Treść zostanie rozlokowana w kolumnach o szerokości 200px:

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza

Przykłady z maksymalną liczbą kolumn

Ten wariant jest najlepszy, jeśli nie chcemy, żeby kolumn nie było zbyt dużo w szerokim oknie. Jednocześnie układ nadal pozostaje responsywny (będzie wyglądał dobrze na komórce).

Przykład 3

{{Układ wielokolumnowy | szerokość = 12em | liczba = 3 | [Lista] }}

W tym wypadku szerokość kolumny będzie wynosić co najmniej 12em, a liczba kolumn maksymalnie 3.

W Twojej przeglądarce wygląda to tak:

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza

Przykład 4

{{Układ wielokolumnowy | szerokość = 12em | liczba = 4 | [Lista] }}

Tak jak w przykładzie 3, ale z maksymalną liczbą kolumn ustawioną na 4.

W Twojej przeglądarce wygląda to tak:

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza

Przykład 5

{{Układ wielokolumnowy | szerokość = 25em | liczba = 4 | [Lista] }}

Tak jak w przykładzie 4, ale z minimalną szerokością kolumn ustawioną na dużą wartość (25em).

Zwróć uwagę, że w wypadku podania dużej szerokości nie wszystkie kolumny zmieszczą się w oknie. To normalne. Jeśli okienko jest za wąskie, to liczba kolumn zostanie automatycznie zredukowana. Wybierz mniejszą szerokość, aby mogło się zmieścić więcej kolumn.

W Twojej przeglądarce wygląda to tak:

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza

Typy list

W szablonie można stosować wszystkie typy list możliwe w Wikipedii:

Lista numerowana (znaki # w wikikodzie)

1. Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
2. Aleksandria – Port Zachodni
3. Amreya
4. Anfoushi
5. Assafra
6. Attarine
7. Azarita (Mazarita, oryginalnie Lazarette)
8. Bab Sidra

Lista wypunktowana (znaki * w wikikodzie)

• Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra

Lista z wymuszonym podziałem linii (znaczniki <br /> w wikikodzie)

Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości
Aleksandria – Port Zachodni
Amreya
Anfoushi
Assafra
Attarine
Azarita (Mazarita, oryginalnie Lazarette)
Bab Sidra

Lista z pustymi liniami pomiędzy elementami listy

Aleksandria – Port Wschodni – długa linia, która nie mieści się w kolumnie o zadanej szerokości

Aleksandria – Port Zachodni

Amreya

Anfoushi

Assafra

Attarine

Azarita (Mazarita, oryginalnie Lazarette)

Bab Sidra

Parametry szablonu (strukturyzacja VE)

Szablon służy do tworzenia układu wielokolumnowego z zachowaniem grup.

[Zarządzaj dokumentacją szablonu]

Parametry szablonu

Parametr		Opis	Typ	Status
treść	1	Treść, która ma być podzielona na kolumny. Uwaga! W wypadku dodawania listy wstaw na początku <nowiki />	Treść	wymagany
minimalna szerokość	szerokość	Minimalna szerokość kolumn (np. 12em, 200px). Zalecamy używanie em dla treści tekstowych. Jednostka 1em to w przybliżeniu szerokość litery M. Sugerowane wartości 10em 12em 14em 17em 21em 25em Wartość automatyczna 14em	Ciąg znaków	sugerowany
liczba kolumn	liczba	Maksymalna liczba kolumn. Uwaga! Wartości wyższe od 2 podaj z szerokością. Sugerowane wartości 2	Liczba	opcjonalny

Zobacz też

•  Kategoria:Szablon Układ wielokolumnowy bez szerokości (edytuj • dysk. • historia • linkujące • obserwuj • rejestr • 1696 elementów)
• {{Kolumny-start}} – szablon do tworzenia układu wielokolumnowego z zachowaniem grup.
• {{col-begin}} – przestarzały szablon do sztywnych kolumn.

Linki zewnętrzne

• MDN: column-count.
• CSS Multi-column Layout Module, specyfikacja na stronach W3C.