Wikibooks:Szablony/Elastyczne
Szablony elastyczne wierszowe
[edytuj]Niezawijane
[edytuj]Ramek
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznyWiersz
|1=Zawartość jeden.
|2=Zawartość dwa.
|3=Zawartość trzy.
|4=Zawartość ostatnia.
|_1=background:red;width:100%;height:25px;margin: auto 0 auto 0;
|_2=background:blue;width:50%;height:20px;margin: 0 0 auto 0;
|_3=background:yellow;width:70%;height:30px;margin: auto 0 0 0;
|_4=background:gray;width:80%;height:35px;
|styl=height:35px;width:600px;
}}
|
Zawartość jeden.
Zawartość dwa.
Zawartość trzy.
Zawartość ostatnia. |
Pól
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznyWiersz2
|1={{Div|styl=background:red;width:100%;height:25px;margin: auto 0 auto 0;|Zawartość jeden.}}
|2={{Div|styl=background:blue;width:50%;height:20px;margin: 0 0 auto 0;|Zawartość dwa.}}
|3={{Div|styl=background:yellow;width:70%;height:30px;margin: auto 0 0 0;|Zawartość trzy.}}
|4={{Div|styl=background:gray;width:80%;height:35px;|Zawartość ostatnia.}}
|styl=height:35px;width:600px;
}}
|
Zawartość jeden. Zawartość dwa. Zawartość trzy. Zawartość ostatnia. |
Zawijane
[edytuj]Ramek
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznyZawijanyWiersz
|1=Zawartość jeden.
|2=Zawartość dwa.
|3=Zawartość trzy.
|4=Zawartość ostatnia.
|_1=background:red;width:25%;min-width:50px;height:25px;margin: auto 0 auto 0;
|_2=background:blue;width:30%;min-width:100px;height:20px;margin: 0 0 auto 0;
|_3=background:yellow;width:20%;min-width:70px;height:30px;margin: auto 0 0 0;
|_4=background:gray;width:15%;min-width:150px;height:35px;
|styl=height:65px;max-width:300px;
}}
|
Zawartość jeden.
Zawartość dwa.
Zawartość trzy.
Zawartość ostatnia. |
Pól
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznyZawijanyWiersz2
|1={{Div|styl=background:red;width:25%;min-width:50px;height:25px;margin: auto 0 auto 0;|Zawartość jeden.}}
|2={{Div|styl=background:blue;width:30%;min-width:100px;height:20px;margin: 0 0 auto 0;|Zawartość dwa.}}
|3={{Div|styl=background:yellow;width:30%;min-width:70px;height:30px;margin: auto 0 0 0;|Zawartość trzy.}}
|4={{Div|styl=background:gray;width:15%;min-width:150px;height:35px;|Zawartość ostatnia.}}
|styl=height:65px;max-width:300px;
}}
|
Zawartość jeden. Zawartość dwa. Zawartość trzy. Zawartość ostatnia. |
Szablony elastyczne kolumnowe
[edytuj]Ramek
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznaKolumna
|1=Zawartość jeden.
|2=Zawartość dwa.
|3=Zawartość trzy.
|4=Zawartość ostatnia.
|_1=background:red;height:100%;width:150px;margin: 0 auto 0 auto;
|_2=background:blue;height:50%;width:130px;margin: 0 0 0 auto;
|_3=background:yellow;height:70%;width:130px;margin: 0 auto 0 0;
|_4=background:gray;height:80%;width:250px;
|styl=height:100px;width:250px;
}}
|
Zawartość jeden.
Zawartość dwa.
Zawartość trzy.
Zawartość ostatnia. |
Pól
[edytuj]| Kod i zastosowanie | Efekt |
|---|---|
{{ElastycznaKolumna2
|1={{Div|styl=background:red;height:100%;width:150px;margin: 0 auto 0 auto;|Zawartość jeden.}}
|2={{Div|styl=background:blue;height:50%;width:130px;margin: 0 0 0 auto;|Zawartość dwa.}}
|3={{Div|styl=background:yellow;height:70%;width:130px;margin: 0 auto 0 0;|Zawartość trzy.}}
|4={{Div|styl=background:gray;height:80%;width:250px;|Zawartość ostatnia.}}
|styl=height:100px;width:250px;
}}
|
Zawartość jeden. Zawartość dwa. Zawartość trzy. Zawartość ostatnia. |