Tekst źródłowy strony Szablon:Grafika rozwinięta

{{#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|}}}<!--Jeżeli pionowo to: szerokość ramki = najdłuższa szerokość grafiki + 12 px (6 px margines na lewo i na prawo) -->| vertical               = {{#expr:    {{#if:{{{szerokość|}}}      | {{{szerokość}}}      | {{Max/27 | {{{szerokość1|200}}} | {{{szerokość2|}}} | {{{szerokość3|}}} | {{{szerokość4|}}} | {{{szerokość5|}}} | {{{szerokość6|}}} | {{{szerokość7|}}} | {{{szerokość8|}}} | {{{szerokość9|}}} | {{{szerokość10|}}} | 0 }}    }}    + 12  }}| horizontal | #default  = {{#if:{{{szerokość|}}}<!--Jeżeli poziomo i jedna wspólna szerokość we wszystkich grafikach to:szerokość ramki = (wspólna szerokość + 4px) * ilość grafik + 8.To stworzy 4px margines pomiędzy grafikami i 6px margines z każdej strony -->   |{{#expr:      ({{{szerokość}}}+4)      *      {{Szablon:Grafika rozwinięta/numImgs | {{{grafika1|}}} | {{{grafika2|}}} | {{{grafika3|}}} | {{{grafika4|}}} | {{{grafika5|}}} | {{{grafika6|}}} | {{{grafika7|}}} | {{{grafika8|}}} | {{{grafika9|}}} | {{{grafika10|}}} }}      +      8      }}<!--Jeżeli grafiki ustawione poziomo i nowa szerokość została ustalona dla każdej grafiki to: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?...)-->   |{{#expr:      {{#if:{{{grafika1|}}} |{{{szerokość1|200}}}}}+      {{#if:{{{grafika2|}}} |{{{szerokość2|200}}}}}+      {{#if:{{{grafika3|}}} |{{{szerokość3|200}}}}}+      {{#if:{{{grafika4|}}} |{{{szerokość4|200}}}}}+      {{#if:{{{grafika5|}}} |{{{szerokość5|200}}}}}+      {{#if:{{{grafika6|}}} |{{{szerokość6|200}}}}}+      {{#if:{{{grafika7|}}} |{{{szerokość7|200}}}}}+      {{#if:{{{grafika8|}}} |{{{szerokość8|200}}}}}+      {{#if:{{{grafika9|}}} |{{{szerokość9|200}}}}}+      {{#if:{{{grafika10|}}} |{{{szerokość10|200}}}}}      +      4 * ({{Szablon:Grafika rozwinięta/numImgs | {{{grafika1|}}} | {{{grafika2|}}} | {{{grafika3|}}} | {{{grafika4|}}} | {{{grafika5|}}} | {{{grafika6|}}} | {{{grafika7|}}} | {{{grafika8|}}} | {{{grafika9|}}} | {{{grafika10|}}} }} - 2)      +      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>