Szablon:ElastycznaKolumna2
Przejdź do nawigacji
Przejdź do wyszukiwania
Użycie[edytuj]
Jest to szablon kontenera flex'owego kolumnowego, który może posiadać jako rodzic, aż dowolną liczbę dzieci div'owych. Jest on używany jako kontener elastyczny, w którym chcemy umieścić w jednej kolumnie n-dzieci rodzica flex'owego, jak za pomocą jego zwykłej wersji przy pomocy kontenera elastycznego flex kolumnowego pisanych za pomocą div'ów i stylów.
Kod zastępczy dla {{ElastycznaKolumna2}} w postaci div'ów[edytuj]
- Przykład dla kodu pisanego za pomocą div'ów jako odpowiednik kontenera szablonowego {{ElastycznaKolumna2}}:
<div style="display:flex;flex-direction:column;height:100px;width:250px;">
<div style="background:red;height:100%;width:150px;margin: 0 auto 0 auto;">Zawartość jeden.</div>
<div style="background:blue;height:50%;width:130px;margin: 0 0 0 auto;">Zawartość dwa.</div>
<div style="background:yellow;height:70%;width:130px;margin: 0 auto 0 0;">Zawartość trzy.</div>
<div style="background:gray;height:80%;width:250px;">Zawartość ostatnia.</div>
</div>
- Kod powyższy w działaniu jest taki:
Zawartość jeden.
Zawartość dwa.
Zawartość trzy.
Zawartość ostatnia.
Przykład[edytuj]
- Ten sam kod, co powyżej, możemy napisać za pomocą szablonu {{ElastycznaKolumna2}}, wtedy:
{{ElastycznaKolumna2
|1=<div style="background:red;height:100%;width:150px;margin: 0 auto 0 auto;">Zawartość jeden.</div>
|2=<div style="background:blue;height:50%;width:130px;margin: 0 0 0 auto;">Zawartość dwa.</div>
|3=<div style="background:yellow;height:70%;width:130px;margin: 0 auto 0 0;">Zawartość trzy.</div>
|4=<div style="background:gray;height:80%;width:250px;">Zawartość ostatnia.</div>
|styl=height:100px;width:250px;
}}
- A powyższy kod w działaniu jest taki sam, co za pomocą div'ów, a więc:
Zawartość jeden.
Zawartość dwa.
Zawartość trzy.
Zawartość ostatnia.
Opis parametrów[edytuj]
Jest to opis szablonu kontenera flex'owego kolumnowego, który może posiadać jako rodzic, aż dowolną liczbę dzieci div'owych (od 1 do wzwyż) i parametr stylu div'a flexowego styl:
{{ElastycznaKolumna2
| 1 = | 2 = | 3 = |... = Zawartość div'owa pierwszego, drugiego i wzwyż dalszych dzieci rodzica (opcjonalny, domyślnie równa wartości pustej)
| styl = Styl rodzica (opcjonalny, domyślnie ustawiony na wartość pustą)
}}
Błędy[edytuj]
Błędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.
Parametry szablonu (strukturyzacja Wizualnego Edytora)[edytuj]
Zobacz też[edytuj]
|
Powyższy opis jest dołączany ze strony Szablon:ElastycznaKolumna2/opis. (edytuj | historia)
Kategorie należy dodawać do podstrony /opis. Zobacz podstrony tego szablonu. |