Wikibooks:Szablony/Elastyczne

Szablony elastyczne wierszowe

Niezawijane

Ramek

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

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

Ramek

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

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

Ramek

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

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.