Szablon:Układ wielokolumnowy/opis

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

Dwie formy użycia są zalecane:

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

Znane problemy

• Ustawienie samego parametru „liczba” nie jest zalecane. Zbyt wiele kolumn (więcej niż 2) może powodować ściśnięcie tekstu w sposób nieczytelny.
• Działanie szablonu może być zakłócane przez niektóre znaki, na przykład „=”. Można poprzedzić tekst podaniem parametru „|1 = tekst”.
• W przeglądarce Internet Explorer w wersji poniżej 10 lista nie będzie dzielona na kolumny (ale będzie wyświetlana prawidłowo).

Przykłady

Przykład z szerokością

{{Układ wielokolumnowy | szerokość = 200px | ...}}

Treść zostanie rozlokowana w kolumnach o szerokości nie mniejszej niż 200 pikseli. Liczba kolumn będzie zależeć od szerokości okna przeglądarki (zobacz: responsive web design).

• Agami
• Aleksandria – Port Wschodni
• 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
• Mandara
• Manshiyya
• Mex
• Miami
• Montaza
• Muharram Bey
• Mustafa Kamel
• Ramleh (el-Raml)
• Ras el-Tin
• Rushdy
• Saba Pasha
• San Stefano
• Shatby
• Schutz
• Sidi Bishr
• Sidi Gaber
• Smouha
• Sporting
• Stanley
• Syouf
• Tharwat
• Victoria
• Wardeyan
• Zizinia

Przykład z liczbą

{{Układ wielokolumnowy | szerokość = 200px | liczba = 3 | ...}}

W tym wypadku szerokość kolumny będzie wynosić co najmniej 200px, a liczba kolumn maksymalnie 3. 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).

W Twojej przeglądarce wygląda to tak:

• Agami
• Aleksandria – Port Wschodni
• 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
• Mandara
• Manshiyya
• Mex
• Miami
• Montaza
• Muharram Bey
• Mustafa Kamel
• Ramleh (el-Raml)
• Ras el-Tin
• Rushdy
• Saba Pasha
• San Stefano
• Shatby
• Schutz
• Sidi Bishr
• Sidi Gaber
• Smouha
• Sporting
• Stanley
• Syouf
• Tharwat
• Victoria
• Wardeyan
• Zizinia

Parametry szablonu (strukturyzacja VE)

<templatedata> {

       "description": "Szablon służy do tworzenia układu wielokolumnowego z zachowaniem grup.",
       "params": {
               "szerokość": {
                       "label": "minimalna szerokość",
                       "description": "Minimalna szerokość kolumn (np. 200px, 20em).",
                       "default": "20em",
                       "type": "string",
                       "required": true
               },
               "liczba": {
                       "label": "liczba kolumn",
                       "description": "Maksymalna liczba kolumn.",
                       "type": "number"
               },
               "1": {
                       "label": "treść",
                       "description": "Treść, która ma być podzielona na kolumny.",
                       "type": "string",
                       "required": true
               }
       }

} </templatedata>

Zobacz też

• {{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.