Edytujesz „Pomoc:Wstawianie grafik”

Z Nonsensopedii, polskiej encyklopedii humoru

Uwaga: Nie jesteś zalogowany. Jeśli wykonasz jakąkolwiek zmianę, Twój adres IP będzie widoczny publicznie. Jeśli zalogujesz się lub utworzysz konto, Twoje zmiany zostaną przypisane do konta, wraz z innymi korzyściami.

Ta edycja może zostać anulowana. Porównaj ukazane poniżej różnice między wersjami, a następnie zapisz zmiany.

Aktualna wersja Twój tekst
Linia 10: Linia 10:
'''Przyjrzyjmy się przykładowej formułce wstawiania grafiki i rozbierzmy ją na części:'''
'''Przyjrzyjmy się przykładowej formułce wstawiania grafiki i rozbierzmy ją na części:'''


<code><nowiki>[[Plik:Obrazek.jpg|left|thumb|250px|Jan Kowalski, 1900–1985]]</nowiki></code>
<code><nowiki>[[Plik:Obrazek.jpg|left|thumb|200px|Jan Kowalski, 1900–1985]]</nowiki></code>
* <code>Plik:Obrazek.jpg</code> – to oczywiście nazwa pliku z grafiką. Wymagane. Jeśli wstawiasz obrazek z [[commons:|Wikimedia Commons]], po przedrostku <code>Plik:</code> podaj po prostu nazwę pliku na Commons, reszta zrobi się magicznie sama.
* <code>Plik:Obrazek.jpg</code> – to oczywiście nazwa pliku z grafiką. Wymagane. Jeśli wstawiasz obrazek z [[commons:|Wikimedia Commons]], po przedrostku <code>Plik:</code> podaj po prostu nazwę pliku na Commons, reszta zrobi się magicznie sama.
* <code>left</code>, <code>right</code> lub <code>center</code> – określa po której stronie tekstu ma pojawiać się grafika. Można pominąć, wtedy obrazek wyświetli się z prawej.
* <code>left</code>, <code>right</code> lub <code>center</code> – określa po której stronie tekstu ma pojawiać się grafika. Można pominąć, wtedy obrazek wyświetli się z prawej.
* <code>thumb</code> – tworzy ramkę dla miniatury, w której pojawi się zdjęcie i ewentualny podpis. Jeżeli pominiesz, ramki i podpisu nie będzie.
* <code>thumb</code> – tworzy ramkę dla miniatury, w której pojawi się zdjęcie i ewentualny podpis. Jeżeli pominiesz, ramki i podpisu nie będzie.
* <code>250px</code> – szerokość obrazka. Jeśli jej nie podasz, edytor przyjmie domyślnie 200 pikseli. Użyj jakiegoś ludzkiego rozmiaru (200–250px), chyba że grafika jest wysoka, wtedy możesz zrobić ją węższą, żeby nie zajmowała za dużo miejsca na stronie.
* <code>200px</code> – sugerowana szerokość obrazka. Jeśli jej nie podasz, edytor przyjmie domyślnie 150 pikseli, ale nie rób tego, bo [[dziki słoń z serem zamiast głowy]] się rozeźli, że musi oglądać obrazki z lupą. Użyj jakiegoś ludzkiego rozmiaru (200–250px), chyba że grafika jest wysoka, wtedy możesz zrobić ją węższą, żeby nie zajmowała za dużo miejsca na stronie.
* <code>Jan Kowalski, 1900–1985</code> jest podpisem pod zdjęciem w ramce (jeśli używasz parametru ''thumb''), bądź opisem pojawiającym się po najechaniu na obrazek kursorem (bez ramki). W drugim przypadku można go pominąć.
* <code>Jan Kowalski, 1900–1985</code> jest podpisem pod zdjęciem w ramce (jeśli używasz parametru ''thumb''), bądź opisem pojawiającym się po najechaniu na obrazek kursorem (bez ramki). W drugim przypadku można go pominąć.


Linia 63: Linia 63:
Zwykła, czyli taka w której widać wszystkie obrazki naraz, bez przewijania. Wstawia się się ją, o, tak:
Zwykła, czyli taka w której widać wszystkie obrazki naraz, bez przewijania. Wstawia się się ją, o, tak:


<syntaxhighlight lang="xml">
<source lang="xml">
<gallery>
<gallery>
Alarm invalid.jpg
Alarm invalid.jpg
Linia 69: Linia 69:
Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa
Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa
</gallery>
</gallery>
</source>
</syntaxhighlight>


Czyli po prostu w kolejnych wierszach podajesz nazwy plików, które mają znaleźć się w galerii, przedrostek <code>Plik:</code> nie jest konieczny. Do tego po pionowej kresce możesz jeszcze dorzucić opis pod grafiką. Powyższy przykład da coś takiego:
Czyli po prostu w kolejnych wierszach podajesz nazwy plików, które mają znaleźć się w galerii, przedrostek <code>Plik:</code> nie jest konieczny. Do tego po pionowej kresce możesz jeszcze dorzucić opis pod grafiką. Powyższy przykład da coś takiego:
Linia 80: Linia 80:


=== Przewijana galeria ===
=== Przewijana galeria ===
Taką galerię możesz śmiało umieścić na prawo od tekstu i wrzucić tam parę grafik bez obaw, że zajmie zbyt dużo miejsca.
Taką galerię możesz śmiało umieścić na prawo od tekstu i wrzucić tam parę grafik bez obaw, że zajmie zbyt dużo miejsca. Pamiętaj jednak, że na skórce mobilnej ten typ galerii nie działa i grafiki wyświetlą się jedna po drugiej, ciurkiem.


<pre style="overflow:auto;">{{Galeria
<pre style="overflow:auto;">{{Galeria
Linia 106: Linia 106:
}}<div style="clear: both;"></div>
}}<div style="clear: both;"></div>


== Lista wszystkich możliwych parametrów ==
== Obroty i odbicia lustrzane grafik ==
Grafiki da się odbijać w lustrze i obracać o 180 stopni bez przesyłania ich duplikatów. Służy do tego szablon {{S|Transformuj}}, na jego stronie jest opisane użycie.

Ze względu na ograniczenia techniczne nie da się w ten sposób wykonywać obrotów zmieniających wymiary grafiki, a więc innych niż o 180 stopni.

== Lista (prawie) wszystkich parametrów ==
{| class="wikitable" style="width: 100%;"
{| class="wikitable" style="width: 100%;"
! Typ
! Typ
Linia 120: Linia 115:
|-
|-
| '''Szerokość'''
| '''Szerokość'''
| <code>••px</code>
| ''••px''
| rowspan="3" | Zmienia rozmiar obrazu na podstawie szerokości lub wysokości lub ogranicza go na wysokość i szerokość. W miejsce •• należy wstawić odpowiednio liczby.
| rowspan="3" | Zmienia rozmiar obrazu na podstawie szerokości lub wysokości lub absolutnie (zmienia się wtedy aspekt obrazu). W miejsce •• należy wstawić odpowiednio liczby.
|-
|-
| '''Wysokość'''
| '''Wysokość'''
| <code>x••px</code>
| ''x••px''
|-
|-
| '''Rozmiar podwójnie ograniczony'''
| '''Rozmiar absolutny'''
| <code>••x••px</code>
| ''••x••px''
|-
|-
! colspan="3" style="background: #CCF;" | Pozycja
! colspan="3" style="background: #CCF;" | Pozycja
|-
|-
| '''W poziomie'''
| '''Pozioma'''
| ''prawo/right'', ''centruj/center/centre'', ''lewo/left''
| <code>right</code>, <code>left</code>, <code>center</code>
| rowspan="3" | Ustawia obraz w danej pozycji.
| Wyrównuje obrazek do prawej, lewej lub środka.
|-
|-
| '''W pionie'''
| '''Pionowa'''
| ''góra/top'', ''środek/middle'', ''dół/bottom''
| <code>top</code>, <code>middle</code>, <code>bottom</code>
|-
| Rzadko używane, wyrównuje grafikę w pionie.
| '''W tekście'''
| ''brak/none''
|-
|-
! colspan="3" style="background: #CCF;" | Wyświetlenie
! colspan="3" style="background: #CCF;" | Wyświetlenie
|-
|-
| '''Miniaturka'''
| '''Miniaturka'''
| ''mały/thumbnail/thumb''
| <code>thumb</code>
| Wstawia obraz z ramką i opisem. Domyślnie ustawia pozycję na prawo i szerokość obrazu do 200px, jeżeli obraz jest większy.
| Wstawia obraz z ramką i opisem. Domyślnie ustawia pozycję na prawo i szerokość obrazu do 180px, jeżeli obraz jest większy.
|-
| '''Ramka'''
| ''ramka/framed/enframed/frame''
| Tak jak miniaturka, wstawia obraz z ramką i opisem z domyślną pozycją po prawej, jednak ignoruje parametry rozmiaru i wyświetla oryginalny rozmiar.
|-
| '''Miniaturka bez ramki'''
| ''bezramki/bez_ramki/frameless''
| Domyślnie zmienia szerokość do 180px, jeżeli obraz jest większy. Nie zmienia pozycji i nie wstawia ramki.
|-
| '''Miniaturka-niespodzianka'''
| ''mały/thumbnail/thumb=••''
| Wyświetla inny obraz jako miniaturkę, ale linkuje do siebie. W miejsce •• należy wpisać nazwę pliku (bez przestrzeni).
|-
| '''Obramowanie'''
| ''tło/border''
| Wstawia do obrazu obramowanie o szerokości 1px.
|-
|-
! colspan="3" style="background: #CCF;" | Inne
! colspan="3" style="background: #CCF;" | Inne
|-
|-
| '''Link'''
| '''Link'''
| <code>link=••</code>
| ''link=••''
| Wstawia stronę, do której obraz będzie prowadził po kliknięciu. W miejsce •• należy wpisać nazwę strony. Akceptowane są zarówno linki wewnętrzne (bez nawiasów kwadratowych), jak i zewnętrzne (z prefiksem protokołu, np. <code>http://</code>). Pusty parametr spowoduje brak domyślnego linku do pliku przy kliknięciu.
| Wstawia stronę, do której obraz będzie prowadził po kliknięciu. W miejsce •• należy wpisać nazwę strony. Akceptowane są zarówno linki wewnętrzne (bez nawiasów kwadratowych), jak i zewnętrzne (z prefiksem protokołu, np. <code>http://</code>). Pusty parametr spowoduje brak domyślnego linku do pliku przy kliknięciu.
|-
|-
Linia 156: Linia 169:
|}
|}


== Obroty i odbicia lustrzane grafik ==
== Zobacz też ==
Grafiki da się odbijać w lustrze i obracać o 180 stopni bez przesyłania ich duplikatów. Służy do tego szablon {{S|Transformuj}}, na jego stronie jest opisane użycie.
* [[mw:Help:Images|pełen opis wszystkich (również rzadko używanych) parametrów na MediaWiki.org (ang.)]]

* [[Pomoc:tworzenie linków|tworzenie linków]]
Ze względu na ograniczenia techniczne nie da się w ten sposób wykonywać obrotów zmieniających wymiary grafiki, a więc innych niż o 180 stopni.
* [[Pomoc:formatowanie|formatowanie]]


<br clear="all" />
<br clear="all" />
Cc-white.svg Wszystko, co napiszesz na Nonsensopedii, zgadzasz się udostępnić na licencji cc-by-sa-3.0 i poddać moderacji.
NIE UŻYWAJ BEZ POZWOLENIA MATERIAŁÓW OBJĘTYCH PRAWEM AUTORSKIM!
Anuluj Pomoc w edycji (otwiera się w nowym oknie)

Szablony użyte w tym artykule: