Szablon:Układ wielokolumnowy

Z VatoWiki
Przejdź do nawigacji Przejdź do wyszukiwania
 Dokumentacja szablonu [zobacz] [edytuj] [historia] [odśwież]

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