Szablon:Grafika rozwinięta: Różnice pomiędzy wersjami
[wersja nieprzejrzana] | [wersja oczekująca na przejrzenie] |
m (1 wersja) |
|||
(Nie pokazano 17 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> | |
− | {| class=" | ||
− | <!-- | ||
− | <!-- Grafika | ||
− | | grafika1 | ||
− | | szerokość1 | ||
− | | | ||
− | | | ||
− | | | ||
− | |||
− | | grafika2 | ||
− | | szerokość2 | ||
− | | | ||
− | | link2 | ||
− | | alt2 | ||
− | < | ||
− | | grafika3 | ||
− | | | ||
− | | opis3 | ||
− | | | ||
− | | | ||
− | |||
− | | | ||
− | | kierunek | ||
− | | szerokość | ||
− | <! | ||
− | | | ||
− | | | ||
− | | | ||
− | | | ||
− | | opis | ||
− | |||
− | | | ||
− | | kolor opisu | ||
− | | tło | ||
− | }} |
Aktualna wersja na dzień 14:11, 2 lut 2015
Spis treści
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
{{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
{{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
{{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
{{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
{{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:
- Plik:Donkey 1 arp 750px.jpg daje "Donkey_1_arp_750px.jpg (750 × 536 px, rozmiar pliku: 125 KB, MIME type: image/jpeg)"
- Plik:Rainbow trout.png daje "Rainbow_trout.png (300 × 300 px, rozmiar pliku: 158 KB, MIME type: image/png)"
- 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.
{{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:并列图像