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

Z Encyklopedia Warmii i Mazur
Skocz do: nawigacja, szukaj
[wersja nieprzejrzana][wersja oczekująca na przejrzenie]
m (1 wersja)
 
(Nie pokazano 20 wersji utworzonych przez 2 użytkowników)
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|}}}<!--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>
−
<!-- Parametry podstawowe -->
 
−
<!-- Grafika 1 -->
 
−
| grafika1         =
 
−
| szerokość1       =  
 
−
| opis1            =  
 
−
| link1            =  
 
−
| alt1            =  
 
−
<!-- Grafika 2 -->
 
−
| grafika2         =  
 
−
| szerokość2       =  
 
−
| opis2            =
 
−
| link2           =  
 
−
| alt2             =  
 
−
<!-- Grafika 3 -->
 
−
| grafika3         =  
 
−
| szerokość3      =  
 
−
| opis3           =  
 
−
| link3            =  
 
−
| alt3            =  
 
−
-->
 
−
| położenie        =  
 
−
| kierunek         =  
 
−
| szerokość       =  
 
−
<!-- Parametry dodatkowe -->
 
−
| tytuł            =  
 
−
| położenie tytułu =  
 
−
| tło tytułu      =  
 
−
| kolor tytułu    =  
 
−
| opis             =  
 
−
| położenie opisu =
 
−
| tło opisu       =
 
−
| kolor opisu     =
 
−
| tło             =
 
−
}}
 

Aktualna wersja na dzień 14:11, 2 lut 2015

[edytuj] [historia] [odśwież] Template-info.png Dokumentacja szablonu
Ten opis jest dołączany ze strony Szablon:Grafika rozwinięta/opis.

Użycie

Ten szablon tworzy pole od 2 do 10 grafik ułożonych pionowo lub poziomo z napisami dla całego okna lub dla każdej grafiki oddzielnie. 

{{Szablon:Grafika rozwinięta
<!-- Parametry podstawowe -->
<!-- Grafika 1 -->
| grafika1         = 
| szerokość1       = 
| opis1            = 
| link1            = 
| alt1             = 
<!-- Grafika 2 -->
| grafika2         = 
| szerokość2       = 
| opis2            = 
| link2            = 
| alt2             = 
<!-- Grafika 3 -->
| grafika3         = 
| szerokość3       = 
| opis3            = 
| link3            = 
| alt3             = 
<!-- aż do 
|grafika10  
-->
| położenie        = 
| kierunek         = 
| szerokość        = 
<!-- Parametry dodatkowe -->
| tytuł            = 
| położenie tytułu = 
| tło tytułu       = 
| kolor tytułu     = 
| opis             = 
| położenie opisu  = 
| tło opisu        = 
| kolor opisu      = 
| tło              = 
}}

Opis parametrów

  • położenie – left/right/center. Domyślnie „right”
  • kierunek – horizontal/vertical. Domyślnie „horizontal”
  • grafika1 – nazwa pierwszej grafiki bez „Grafika:” lub „Plik:”. Podobnie dla grafika2, itd.
  • szerokość1 – szerokość pierwszej grafiki. Tylko liczby, bez „px”. Podobnie dla szerokość2, itd.
    • szerokość – zmiana szerokość grafiki1, szerokość grafiki2, szerokość grafiki3, itd. Tylko cyfry, bez „px”. Jeżeli potrzebujemy aby grafiki miały rożne rozmiary, nie podajemy tego parametru.
  • alt1 – alternatywny opis pierwszej grafiki. Podobnie dla alt2, itd. Opcjonalne.
  • opis1 – opis pierwszej grafiki. Podobnie dla opis2, itd.
  • link1 – gdzie linkuje pierwsza grafika. Podobnie dla link2, itd.

Jeśli nie podano, grafika linkuje do opisu grafiki, jak zwykle. Jeśli zostanie podana do pustej wartości, grafika nie linkuje; to należy stosować w przypadku grafik czysto dekoracyjnych. .
Ważne: Jeśli grafika jest na wolnej licencji GFDL, lub na licencji CC, to nie używamy tego parametru, gdy warunki tej licencji wymagają licencji lub linku do niej, aby odtworzyć tą grafikę. Grafika wtedy musi zatem linkować do jej strony. Public domain i (teoretycznie) fair use images nie podlegają takim ograniczeniom.

Parametry dodatkowe
  • tytuł – tytuł ramki
  • położenie tytułu – ustalenie tytułu: left/right/center. Domyślnie „center”
  • tło tytułu – tło tytułu
  • kolor tytułu – kolor napisu
  • opis – opis ramki
  • położenie opisu – ustalenie opisu ramki: left/right/center. Domyślnie „left”
  • tło opisu – tło opisu ramki
  • kolor opisu – kolor napisu
  • tło – kolor tła pomiędzy ramką a grafiką.

Przykłady

Przykład 1

Gracze ostrzegani żółtą kartką a usuwani czerwoną kartką.
{{Szablon:Grafika rozwinięta
| opis      = Gracze ostrzegani żółtą kartką a usuwani czerwoną kartką.
| szerokość = 60

| grafika1  = Yellow card.svg
| alt1      = Żółta kartka

| grafika2  = Red card.svg
| alt2      = Czerwona kartka
}}


Przykład 2

PNG demonstracja transparentności
PNG grafika z 8-bit transparency layer...
PNG grafika z 8-bit transparency layer...
...a tu z nałożeniem na tło w kratkę.
...a tu z nałożeniem na tło w kratkę.
{{Szablon:Grafika rozwinięta
| położenie = left
| kierunek  = vertical
| tytuł     = [[PNG]] demonstracja transparentności
| szerokość = 200

| grafika1  = PNG transparency demonstration 1.png
| alt1      = Kolorowa kostka z białym tłem
| opis1     = PNG grafika z 8-bit transparency layer...

| grafika2  = PNG transparency demonstration 2.png
| alt2      = Kolorowa kostka z tłem w kratkę
| opis2     = ...a tu z nałożeniem na tło w kratkę.
}}


Przykład 3

Kiedy wikipedysta ma jedno z odznaczeń Wikipedii, mogą one być reprezentowane przez wstążki a numery podają ich ilość.
{{Szablon:Grafika rozwinięta
| opis      = Kiedy wikipedysta ma jedno z [[WP:Odznaczenia Wikipedii|odznaczeń Wikipedii]],
mogą one być reprezentowane przez [[commons:Category:Wikipedia ribbon bars|wstążki]] a numery podają ich ilość.
| szerokość = 60

| grafika1  = Ribbon numeral 2.png
| alt1      = 2

| grafika2  = Ribbon numeral 3.png
| alt2      = 3

| grafika3  = Ribbon numeral 4.png
| alt3      = 4
}}


Przykład z kolorowym tłem

Adoxa (Adoxa moschatellina)
{{Szablon:Grafika rozwinięta
| grafika1         = Adoxa_moschatellina_210406.jpg
| alt1             = Zielone zioło w kilkoma małymi żółto-białymi kwiatami

| grafika2         = Adoxa_moschatellina_210406a.jpg
| alt2             = Trzy małe białe i żółte kwiaty na tle zielonych liści

| grafika3         = adoxa_moschatellina_blatt.jpeg
| alt3             = Liście roślin. Są one w grupach po trzy, każda z trzema płatami.

| opis             = [[Adoxa]] (''Adoxa moschatellina'')
| położenie opisu  = center
| tło opisu        = #BBDD99
| tło              = gray
| szerokość        = 160
}}


Przykłady z linkami

Muł
Muł
Osioł
Osioł
A trout]])
Pstrąg
([[{{#invoke:lang|hasło|en}}|A trout]])
Muł linkuje do Muł, Osioł nigdzie nie linkuje,Pstrąg linkuje do własnego opisu.
{{Szablon:Grafika rozwinięta
| opis       = ''Muł'' linkuje do [[Muł (ssak)|Muł]], ''Osioł'' nigdzie nie linkuje,''Pstrąg'' linkuje do własnego opisu.
| położenie  = left

| grafika1   = Frecklesmule.jpg
| szerokość1 = 143
| alt1       = Muł
| opis1      = <center>Muł</center>
| link1      = Muł (ssak)

| grafika2   = Donkey 1 arp 750px.jpg
| szerokość2 = 150
| alt2       = Osioł
| opis2      = <center>Osioł</center>
| link2      =

| grafika3   = Rainbow_trout.png
| szerokość3 = 91
| alt3       = Pstrąg
| opis3      = <center>Pstrąg<br />{{lang2|en|A trout}}</center>
}}


Przykład z wyrównaniem wysokości grafik

Ta opcja nie jest wymagana jeżeli wszystkie grafiki mają ten sam format obrazu, dla | szerokość.
  • Wybieramy wspólną wysokość dla wszystkich grafik, dla przykładu - 100 pikseli.
  • Sprawdzamy poszczególne grafiki w celu ustalenia pełnej rezolucji. Na przykład:
  • Dla nie kwadratowych grafik użyj poniższego wzoru w celu ustalenia wartości | szerokośćn parametru formatu:
    • {{#expr: (dh * ow / oh) round 0}}
  • gdzie
    • dh - docelowa wysokość w pikselach (100)
    • ow - oryginalna szerokość w pikselach (750 or 300)
    • oh - oryginalna wysokość w pikselach (536 or 300)
  • Dla kwadratowych grafik, po prostu należy ustalić odpowiednie | szerokośćn aby otrzymać właściwą wysokość.

Jeżeli wszystkie grafiki są kwadratowe, to tylko parametr | szerokość winien być ustalony.

Osioł, nie kwadratowy i oryginalnie 536px wysoki.
Osioł, nie kwadratowy i oryginalnie 536px wysoki.
Pstrąg, kwadratowy i oryginalnie 300px wysoki
Pstrąg, kwadratowy i oryginalnie 300px wysoki
Dwie grafiki są renderowane do wysokości 100px
{{Szablon:Grafika rozwinięta
| opis       = Dwie grafiki są renderowane do wysokości 100px
| położenie  = right

| grafika1   = Donkey 1 arp 750px.jpg
| szerokość1 = {{#expr: (100 * 750 / 536) round 0}}
| alt1       = Osioł
| opis1      = ''Osioł'', nie kwadratowy i oryginalnie 536px wysoki.

| grafika2   = Rainbow_trout.png
| szerokość2 = 100
| alt2       = Pstrąg
| opis2      = ''Pstrąg'', kwadratowy i oryginalnie 300px wysoki
}}


Błędy

Błędy należy zgłaszać na stronie Wikipedia:Kawiarenka/Kwestie techniczne.

Zobacz też


ar:قالب:صورة متعددة az:Şablon:Şəkillər albomu bn:টেমপ্লেট:Multiple image bar:Vorlage:Mehrere Bilder bs:Šablon:Dvostruka slika cv:Шаблон:Multiple image cs:Šablona:Více obrázků de:Vorlage:Mehrere Bilder dsb:Pśedłoga:Wšake wobraze en:Template:Multiple image eo:Ŝablono:Pluraj bildoj es:Plantilla:Imagen múltiple eu:Txantiloi:Irudi multzo fa:الگو:تصویر چندگانه fr:Modèle:Multiple image gl:Modelo:Imaxe múltiple gan:模板:Multiple image ko:틀:여러그림 hsb:Předłoha:Wjacore wobrazy id:Templat:Multiple image is:Snið:Multiple image it:Template:Immagine multipla he:תבנית:תמונות מרובות hu:Sablon:Több kép mk:Шаблон:Повеќе слики ml:ഫലകം:Multiple image ja:Template:Multiple image pt:Predefinição:Imagem múltipla ro:Format:Imagine multiplă ru:Шаблон:Кратное изображение si:සැකිල්ල:Navbar sk:Šablóna:Viaceré obrázky sl:Predloga:Več slik sr:Шаблон:Multiple image fi:Malline:Monta kuvaa stq:Foarloage:Moorere Bielden tr:Şablon:Çoklu resim uk:Шаблон:Multiple image vi:Bản mẫu:Multiple image zh-yue:Template:Multiple image zh:Template:并列图像

Źródło: „http://encyklopedia.warmia.mazury.pl/index.php?title=Szablon:Grafika_rozwinięta&oldid=120726”