Szablon:Grafika rozwinięta: Różnice pomiędzy wersjami

Z Encyklopedia Warmii i Mazur
Skocz do: nawigacja, szukaj
[wersja nieprzejrzana][wersja nieprzejrzana]
m (drobne techniczne)
 
(Utworzono nową stronę "{{Szablon:Grafika rozwinięta <!-- Parametry podstawowe --> <!-- Grafika 1 --> | grafika1 = | szerokość1 = | opis1 = | link1 = ...")
Linia 1: Linia 1:
{{#if:{{{grafika1|}}}{{{grafika2|}}}{{{grafika3|}}}{{{grafika4|}}}{{{grafika5|}}}{{{grafika6|}}}{{{grafika7|}}}{{{grafika8|}}}{{{grafika9|}}}{{{grafika10|}}}|<div class="thumb {{#switch: {{{położenie|}}} | left = tleft | center|centre = tnone | right|#default = tright}}"  style="width: {{#switch:{{{kierunek|}}}<!--
+
{{Szablon:Grafika rozwinięta
Jeżeli pionowo to: szerokość ramki = najdłuższa szerokość grafiki + 12 px (6 px margines na lewo i na prawo) -->
+
<!-- Parametry podstawowe -->
| vertical              = {{#expr:
+
<!-- Grafika 1 -->
    {{#if:{{{szerokość|}}}
+
| grafika1        =  
      | {{{szerokość}}}
+
| szerokość1      =
      | {{Max/27 | {{{szerokość1|200}}} | {{{szerokość2|}}} | {{{szerokość3|}}} | {{{szerokość4|}}} | {{{szerokość5|}}} | {{{szerokość6|}}} | {{{szerokość7|}}} | {{{szerokość8|}}} | {{{szerokość9|}}} | {{{szerokość10|}}} | 0 }}
+
| opis1            =
    }}
+
| link1            =
    + 12
+
| alt1            =  
  }}
+
<!-- Grafika 2 -->
| horizontal | #default  = {{#if:{{{szerokość|}}}<!--
+
| grafika2        =
Jeżeli poziomo i jedna wspólna szerokość we wszystkich grafikach to:
+
| szerokość2       =
szerokość ramki = (wspólna szerokość + 4px) * ilość grafik + 8.
+
| opis2            =
To stworzy 4px margines pomiędzy grafikami i 6px margines z każdej strony -->
+
| link2            =
  |{{#expr:
+
| alt2            =
       ({{{szerokość}}}+4)
+
<!-- Grafika 3 -->
      *
+
| grafika3        =
      {{Szablon:Grafika rozwinięta/numImgs | {{{grafika1|}}} | {{{grafika2|}}} | {{{grafika3|}}} | {{{grafika4|}}} | {{{grafika5|}}} | {{{grafika6|}}} | {{{grafika7|}}} | {{{grafika8|}}} | {{{grafika9|}}} | {{{grafika10|}}} }}
+
| szerokość3      =
      +
+
| opis3            =
      8
+
| link3            =
      }}<!--
+
| alt3            =
Jeżeli grafiki ustawione poziomo i nowa szerokość została ustalona dla każdej grafiki to:
+
<!-- aż do
szerokość ramki = suma wszystkich szerokości + 4px marginesów pomiędzy każdą parą grafik + 16px marginesu (8 po każdej stronie ramki) (dlaczego nie 6px jak w innych szablonach?...)-->
+
|grafika10
  |{{#expr:
+
-->
      {{#if:{{{grafika1|}}} |{{{szerokość1|200}}}}}+
+
| położenie        =
      {{#if:{{{grafika2|}}} |{{{szerokość2|200}}}}}+
+
| kierunek        =
      {{#if:{{{grafika3|}}} |{{{szerokość3|200}}}}}+
+
| szerokość        =  
       {{#if:{{{grafika4|}}} |{{{szerokość4|200}}}}}+
+
<!-- Parametry dodatkowe -->
      {{#if:{{{grafika5|}}} |{{{szerokość5|200}}}}}+
+
| tytuł            =  
      {{#if:{{{grafika6|}}} |{{{szerokość6|200}}}}}+
+
| położenie tytułu =
      {{#if:{{{grafika7|}}} |{{{szerokość7|200}}}}}+
+
| tło tytułu       =
      {{#if:{{{grafika8|}}} |{{{szerokość8|200}}}}}+
+
| kolor tytułu     =
      {{#if:{{{grafika9|}}} |{{{szerokość9|200}}}}}+
+
| opis            =
      {{#if:{{{grafika10|}}} |{{{szerokość10|200}}}}}
+
| położenie opisu  =  
      +
+
| tło opisu        =  
      4 * ({{Szablon:Grafika rozwinięta/numImgs | {{{grafika1|}}} | {{{grafika2|}}} | {{{grafika3|}}} | {{{grafika4|}}} | {{{grafika5|}}} | {{{grafika6|}}} | {{{grafika7|}}} | {{{grafika8|}}} | {{{grafika9|}}} | {{{grafika10|}}} }} - 2)
+
| kolor opisu      =  
      +
+
| tło              =  
      16
 
      }}
 
  }}
 
}}px; {{#switch: {{{położenie|}}} | center | centre = margin: 0 auto;}}{{#if:{{{tło|}}}|background-color: {{{tło}}} }}">
 
<div class="thumbinner" {{#if:{{{tło|}}}|style="background-color: {{{tło}}}"}}>
 
{{#if:{{{tytuł|}}}|
 
<div style="clear: both; font-weight: bold; text-align: {{{położenie tytułu|center}}};{{#if:{{{kolor tytułu|}}}|color:{{{kolor tytułu|}}}|color:black}}; background-color: {{{tło tytułu|transparent}}}">
 
{{{tytuł}}}
 
</div>
 
}}{{#if:{{{grafika1|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość1|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika1}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość1|200}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{opis1|}}}]]
 
</div>
 
{{#if:{{{opis1|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis1}}}
 
</div>
 
 
}}
 
}}
</div>
 
}}{{#if:{{{grafika2|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość2|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika2}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość2|200}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}|{{{opis2|}}}]]
 
</div>{{#if:{{{opis2|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis2}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika3|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość3|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika3}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość3|200}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}|{{{opis3|}}}]]
 
</div>{{#if:{{{opis3|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis3}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika4|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość4|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika4}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość4|200}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}|{{{opis4|}}}]]
 
</div>{{#if:{{{opis4|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis4}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika5|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość5|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika5}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość5|200}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}|{{{opis5|}}}]]
 
</div>{{#if:{{{opis5|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis5}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika6|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość6|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika6}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość6|200}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}|{{{opis6|}}}]]
 
</div>{{#if:{{{opis6|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis6}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika7|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość7|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika7}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość7|200}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}|{{{opis7|}}}]]
 
</div>{{#if:{{{opis7|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis7}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika8|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość8|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika8}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość8|200}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}|{{{opis8|}}}]]
 
</div>{{#if:{{{opis8|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis8}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika9|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość9|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika9}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość9|200}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}|{{{opis9|}}}]]
 
</div>{{#if:{{{opis9|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis9}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{grafika10|}}}|
 
<div style="{{#ifeq: {{{kierunek|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{szerokość|}}}|{{{szerokość}}}|{{{szerokość10|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{grafika10}}}|{{#if:{{{szerokość|}}} | {{{szerokość}}} | {{{szerokość10|200}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}|{{{opis10|}}}]]
 
</div>{{#if:{{{opis10|}}}|
 
<div class="thumbcaption" style="clear:left">{{{opis10}}}
 
</div>
 
}}
 
</div>
 
}}{{#if:{{{opis|}}}|
 
<div class="thumbcaption" style="clear: left; text-align: {{{położenie opisu|left}}};{{#if:{{{kolor opisu|}}}|color:{{{kolor opisu opisu|}}}|color:black}}; background: {{{tło opisu|transparent}}}">{{{opis}}}
 
</div>
 
}}
 
</div>
 
</div>
 
}}<noinclude>{{Dokumentacja}}</noinclude>
 

Wersja z 23:33, 30 sty 2015