Pomoc:Wstawianie grafik: Różnice pomiędzy wersjami
Ostrzyciel (dyskusja • edycje) (międzyzapisy lubię) |
Ostrzyciel (dyskusja • edycje) M (już działa) |
||
(Nie pokazano 14 wersji utworzonych przez 3 użytkowników) | |||
Linia 1: | Linia 1: | ||
{{Pomoc nagłówek|Dla edytorów}} |
{{Pomoc nagłówek|Dla edytorów}} |
||
{{spisnaprawo}} |
|||
Nonsensopedia bez grafik jest jak świat bez trójkątów. Zdjęcia, mapy czy rysunki ubarwiają naszą encyklopedię, nadając jej posmak profesjonalizmu. Jeśli nadarza się stosowna okazja, dołączaj grafiki do swoich (lub cudzych) haseł. Możesz [[Specjalna:Kreator przesyłania|przesłać własne lub cudze grafiki]] albo skorzystać tych znajdujących się już w [[Nonsensopedia:Tematyczne kategoryzowanie grafik|zbiorach Nonsensopedii]] lub [[commons:|Wikimedia Commons]]. |
Nonsensopedia bez grafik jest jak świat bez trójkątów. Zdjęcia, mapy czy rysunki ubarwiają naszą encyklopedię, nadając jej posmak profesjonalizmu. Jeśli nadarza się stosowna okazja, dołączaj grafiki do swoich (lub cudzych) haseł. Możesz [[Specjalna:Kreator przesyłania|przesłać własne lub cudze grafiki]] albo skorzystać tych znajdujących się już w [[Nonsensopedia:Tematyczne kategoryzowanie grafik|zbiorach Nonsensopedii]] lub [[commons:|Wikimedia Commons]]. |
||
Aby przesłać plik na Nonsensopedię musisz się zalogować – dopiero wtedy zobaczysz w pasku narzędziowym po lewej link '''Prześlij plik'''. Kliknij go i postępuj według instrukcji kreatora. To bardzo łatwe, nie powinno ci to zająć dłużej niż pół minuty. Po przesłaniu możesz już wstawić wymarzoną grafikę w artykule korzystając z jednej z metod wypisanych poniżej. |
Aby przesłać plik na Nonsensopedię musisz się zalogować – dopiero wtedy zobaczysz w pasku narzędziowym po lewej link '''Prześlij plik'''. Kliknij go i postępuj według instrukcji kreatora. To bardzo łatwe, nie powinno ci to zająć dłużej niż pół minuty. Jeśli chcesz się dowiedzieć więcej o opisywaniu grafik, zajrzyj na [[Nonsensopedia:Opisywanie grafik|tę stronę Kanciapy z zasadami]]. Po przesłaniu możesz już wstawić swoją wymarzoną grafikę w artykule korzystając z jednej z metod wypisanych poniżej. |
||
== Zwykłe grafiki == |
== Zwykłe grafiki == |
||
Najczęściej spotykana metoda zamieszczania grafik w artykułach na Nonsensopedii. Grafiki mogą być z ramką lub bez, wyrównane do prawej, lewej lub na środku. |
|||
'''<nowiki>[[Plik:Obrazek.jpg|left|thumb|200px|Jan Kowalski, 1900–1985]]</nowiki>''' |
|||
'''Przyjrzyjmy się przykładowej formułce wstawiania grafiki i rozbierzmy ją na części:''' |
|||
'''Plik:obrazek.jpg''' to oczywiście informacja o pliku z grafiką. Wymagane. |
|||
<code><nowiki>[[Plik:Obrazek.jpg|left|thumb|250px|Jan Kowalski, 1900–1985]]</nowiki></code> |
|||
'''left''', '''right''', '''center''' określa po której stronie tekstu ma pojawiać się grafika. Można pominąć, wtedy wyświetli się z prawej. |
|||
* <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>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>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ąć. |
|||
=== Przykłady === |
|||
'''thumb''' tworzy ramkę dla miniatury, w której pojawi się zdjęcie i ewentualny podpis. Jeżeli pominiesz, ramki i podpisu nie będzie. |
|||
Bez podpisu i ramki |
|||
<code><nowiki>[[Plik:Supermalysz.jpg]]</nowiki></code> |
|||
'''200px''' to sugerowana szerokość obrazka. Jeśli jej nie podasz, edytor przyjmie domyślnie 150 pikseli. Jeżeli zamiast '''thumb|200px''' napiszesz '''frame''', rozmiar będzie taki jak rzeczywisty. |
|||
[[Plik:Supermalysz.jpg]] |
|||
'''Jan Kowalski, 1900–1985''' jest podpisem pod zdjęciem (przy użyciu ''thumb'' lub ''frame'') bądź opisem pojawiającycm się po najechaniu na obrazek kursorem (bez ramki). W tym drugim przypadku można go pominąć. |
|||
Przykłady: |
|||
---- |
---- |
||
Z ramką i podpisem |
|||
Bez podpisu |
|||
<code><nowiki>[[Plik:Supermalysz.jpg|thumb|Przykład]]</nowiki></code> |
|||
[[Plik:Supermalysz.jpg]] |
[[Plik:Supermalysz.jpg|thumb|Przykład]] |
||
<br clear="all" /> |
|||
---- |
---- |
||
Z ustaloną szerokością |
|||
Z podpisem |
|||
<code><nowiki>[[Plik:Supermalysz.jpg|thumb|100px|Przykład]]</nowiki></code> |
|||
[[Plik:Supermalysz.jpg|thumb| |
[[Plik:Supermalysz.jpg|thumb|100px|Przykład]] |
||
<br clear=all> |
|||
<br clear="all" /> |
|||
---- |
---- |
||
Jeśli z jakichś powodów nie chcesz, aby grafika była oblewana tekstem, możesz bezpośrednio za kodem wprowadzającym grafikę dorzucić znacznik <code><nowiki><br clear="all" /></nowiki></code> |
|||
Z wymuszoną szerokością |
|||
Na przykład: |
|||
'''<nowiki>[[Plik:Supermalysz.jpg|thumb|100px|przykład]]</nowiki>''' |
|||
[[Plik:Supermalysz.jpg|thumb| |
<pre>[[Plik:Supermalysz.jpg|thumb|Przykład]] |
||
<br clear="all"></pre> |
|||
[[Plik:Supermalysz.jpg|thumb|Przykład]] |
|||
<br clear=all> |
|||
<br clear="all"> |
|||
Spowoduje to, że tekst wpisywany za formułką wstawiającą grafikę znajdzie się poniżej grafiki, a nie obok niej. |
|||
---- |
|||
== Galerie grafik == |
|||
W ramce z oryginalną szerokością i podpisem |
|||
Jeśli nawałnica grafik, które chcesz zamieścić w artykule sprawia, że tekst aż ugina się i trzeszczy pod ich ciężarem, sensownym wyjściem może być wrzucenie ich w galerię. |
|||
=== Zwykła galeria === |
|||
'''<nowiki>[[Plik:Supermalysz.jpg|frame|przykład]]</nowiki>''' |
|||
Zwykła, czyli taka w której widać wszystkie obrazki naraz, bez przewijania. Wstawia się się ją, o, tak: |
|||
<syntaxhighlight lang="xml"> |
|||
[[Plik:Supermalysz.jpg|frame|przykład]] |
|||
<gallery> |
|||
<br clear=all> |
|||
Alarm invalid.jpg |
|||
---- |
|||
Intercity paper seats.jpg |
|||
Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa |
|||
</gallery> |
|||
</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: |
|||
Jeśli z jakichś powodów nie chcesz, aby grafika była oblewana tekstem, możesz bezpośrednio za kodem wprowadzającym grafikę zastosować polecenie: |
|||
<gallery> |
|||
<br clear="all"> |
|||
Alarm invalid.jpg |
|||
Intercity paper seats.jpg |
|||
Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa |
|||
</gallery> |
|||
=== Przewijana galeria === |
|||
Na przykład: |
|||
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. |
|||
<pre style="overflow:auto;">{{Galeria |
|||
[[Plik:Supermalysz.jpg|thumb|przykład]] |
|||
|Nazwa=Angielski w PKP Intercity |
|||
<br clear="all"> |
|||
|wielkość=250 |
|||
|pozycja=left |
|||
|Plik:Alarm invalid.jpg| |
|||
|Plik:Intercity paper seats.jpg| |
|||
|Plik:Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa |
|||
}}</pre> |
|||
Sposób wstawiania takiej galerii nieco się różni od zwykłej, z racji tego że mamy tu do czynienia z [[Pomoc:Szablony|szablonem]], a nie [[Pomoc:Znaczniki|znacznikiem]]. Nie przejmuj się, to taki detal techniczny, liczy się to, że musisz pamiętać o podaniu przedrostka <code>Plik:</code> przy nazwie pliku i podpis pod grafiką jest obowiązkowy. Jeśli nie chcesz podawać żadnego, po prostu pozostaw pusty parametr. Do tego masz do dyspozycji jeszcze trzy parametry: |
|||
Spowoduje to, że tekst wpisywany za poleceniem wstawiającym grafikę znajdzie się poniżej grafiki, a nie obok niej. |
|||
* <code>Nazwa=</code> – tytuł galerii wyświetlany na górze. |
|||
* <code>wielkość=</code> – szerokość galerii wyrażona w pikselach. W przeciwieństwie do zwykłych grafik nie należy dodawać tu żadnych jednostek. |
|||
* <code>pozycja=</code> – wyrównanie grafiki, <code>left</code>, <code>right</code> lub <code>center</code>. Działa tak samo jak dla zwykłych grafik. |
|||
Powyższy przykład da coś takiego: |
|||
== Galerie grafik == |
|||
{{Galeria |
|||
TBD |
|||
|Nazwa=Angielski w PKP Intercity |
|||
|wielkość=250 |
|||
|pozycja=left |
|||
|Plik:Alarm invalid.jpg| |
|||
|Plik:Intercity paper seats.jpg| |
|||
|Plik:Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa |
|||
}}<div style="clear: both;"></div> |
|||
== 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%;" |
|||
! Typ |
|||
! Słowo |
|||
! Opis |
|||
|- |
|||
! colspan="3" style="background: #CCF;" | Rozmiar |
|||
|- |
|||
| '''Szerokość''' |
|||
| <code>••px</code> |
|||
| 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. |
|||
|- |
|||
| '''Wysokość''' |
|||
| <code>x••px</code> |
|||
|- |
|||
| '''Rozmiar podwójnie ograniczony''' |
|||
| <code>••x••px</code> |
|||
|- |
|||
! colspan="3" style="background: #CCF;" | Pozycja |
|||
|- |
|||
| '''W poziomie''' |
|||
| <code>right</code>, <code>left</code>, <code>center</code> |
|||
| Wyrównuje obrazek do prawej, lewej lub środka. |
|||
|- |
|||
| '''W pionie''' |
|||
| <code>top</code>, <code>middle</code>, <code>bottom</code> |
|||
| Rzadko używane, wyrównuje grafikę w pionie. |
|||
|- |
|||
! colspan="3" style="background: #CCF;" | Wyświetlenie |
|||
|- |
|||
| '''Miniaturka''' |
|||
| <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. |
|||
|- |
|||
! colspan="3" style="background: #CCF;" | Inne |
|||
|- |
|||
| '''Link''' |
|||
| <code>link=••</code> |
|||
| 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. |
|||
|- |
|||
| '''Opis''' |
|||
| Każde, które nie pasuje do reszty parametrów |
|||
| Wstawia opis obrazu. |
|||
|} |
|||
== Zobacz też == |
|||
* [[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]] |
|||
* [[Pomoc:formatowanie|formatowanie]] |
|||
<br clear="all" /> |
<br clear="all" /> |
Aktualna wersja na dzień 21:19, 13 mar 2022
Nonsensopedia bez grafik jest jak świat bez trójkątów. Zdjęcia, mapy czy rysunki ubarwiają naszą encyklopedię, nadając jej posmak profesjonalizmu. Jeśli nadarza się stosowna okazja, dołączaj grafiki do swoich (lub cudzych) haseł. Możesz przesłać własne lub cudze grafiki albo skorzystać tych znajdujących się już w zbiorach Nonsensopedii lub Wikimedia Commons.
Aby przesłać plik na Nonsensopedię musisz się zalogować – dopiero wtedy zobaczysz w pasku narzędziowym po lewej link Prześlij plik. Kliknij go i postępuj według instrukcji kreatora. To bardzo łatwe, nie powinno ci to zająć dłużej niż pół minuty. Jeśli chcesz się dowiedzieć więcej o opisywaniu grafik, zajrzyj na tę stronę Kanciapy z zasadami. Po przesłaniu możesz już wstawić swoją wymarzoną grafikę w artykule korzystając z jednej z metod wypisanych poniżej.
Zwykłe grafiki[edytuj • edytuj kod]
Najczęściej spotykana metoda zamieszczania grafik w artykułach na Nonsensopedii. Grafiki mogą być z ramką lub bez, wyrównane do prawej, lewej lub na środku.
Przyjrzyjmy się przykładowej formułce wstawiania grafiki i rozbierzmy ją na części:
[[Plik:Obrazek.jpg|left|thumb|250px|Jan Kowalski, 1900–1985]]
Plik:Obrazek.jpg
– to oczywiście nazwa pliku z grafiką. Wymagane. Jeśli wstawiasz obrazek z Wikimedia Commons, po przedrostkuPlik:
podaj po prostu nazwę pliku na Commons, reszta zrobi się magicznie sama.left
,right
lubcenter
– określa po której stronie tekstu ma pojawiać się grafika. Można pominąć, wtedy obrazek wyświetli się z prawej.thumb
– tworzy ramkę dla miniatury, w której pojawi się zdjęcie i ewentualny podpis. Jeżeli pominiesz, ramki i podpisu nie będzie.250px
– 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.Jan Kowalski, 1900–1985
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ąć.
Przykłady[edytuj • edytuj kod]
Bez podpisu i ramki
[[Plik:Supermalysz.jpg]]
Z ramką i podpisem
[[Plik:Supermalysz.jpg|thumb|Przykład]]
Z ustaloną szerokością
[[Plik:Supermalysz.jpg|thumb|100px|Przykład]]
Jeśli z jakichś powodów nie chcesz, aby grafika była oblewana tekstem, możesz bezpośrednio za kodem wprowadzającym grafikę dorzucić znacznik <br clear="all" />
Na przykład:
[[Plik:Supermalysz.jpg|thumb|Przykład]] <br clear="all">
Spowoduje to, że tekst wpisywany za formułką wstawiającą grafikę znajdzie się poniżej grafiki, a nie obok niej.
Galerie grafik[edytuj • edytuj kod]
Jeśli nawałnica grafik, które chcesz zamieścić w artykule sprawia, że tekst aż ugina się i trzeszczy pod ich ciężarem, sensownym wyjściem może być wrzucenie ich w galerię.
Zwykła galeria[edytuj • edytuj kod]
Zwykła, czyli taka w której widać wszystkie obrazki naraz, bez przewijania. Wstawia się się ją, o, tak:
<gallery>
Alarm invalid.jpg
Intercity paper seats.jpg
Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa
</gallery>
Czyli po prostu w kolejnych wierszach podajesz nazwy plików, które mają znaleźć się w galerii, przedrostek Plik:
nie jest konieczny. Do tego po pionowej kresce możesz jeszcze dorzucić opis pod grafiką. Powyższy przykład da coś takiego:
Przewijana galeria[edytuj • edytuj kod]
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.
{{Galeria |Nazwa=Angielski w PKP Intercity |wielkość=250 |pozycja=left |Plik:Alarm invalid.jpg| |Plik:Intercity paper seats.jpg| |Plik:Koniec pociągu śpiewa.jpg|Koniec pociągu tańczy i śpiewa }}
Sposób wstawiania takiej galerii nieco się różni od zwykłej, z racji tego że mamy tu do czynienia z szablonem, a nie znacznikiem. Nie przejmuj się, to taki detal techniczny, liczy się to, że musisz pamiętać o podaniu przedrostka Plik:
przy nazwie pliku i podpis pod grafiką jest obowiązkowy. Jeśli nie chcesz podawać żadnego, po prostu pozostaw pusty parametr. Do tego masz do dyspozycji jeszcze trzy parametry:
Nazwa=
– tytuł galerii wyświetlany na górze.wielkość=
– szerokość galerii wyrażona w pikselach. W przeciwieństwie do zwykłych grafik nie należy dodawać tu żadnych jednostek.pozycja=
– wyrównanie grafiki,left
,right
lubcenter
. Działa tak samo jak dla zwykłych grafik.
Powyższy przykład da coś takiego:
Obroty i odbicia lustrzane grafik[edytuj • edytuj kod]
Grafiki da się odbijać w lustrze i obracać o 180 stopni bez przesyłania ich duplikatów. Służy do tego szablon {{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[edytuj • edytuj kod]
Typ | Słowo | Opis |
---|---|---|
Rozmiar | ||
Szerokość | ••px
|
Zmienia rozmiar obrazu na podstawie szerokości lub wysokości lub ogranicza go na wysokość i szerokość. W miejsce •• należy wstawić odpowiednio liczby. |
Wysokość | x••px
| |
Rozmiar podwójnie ograniczony | ••x••px
| |
Pozycja | ||
W poziomie | right , left , center
|
Wyrównuje obrazek do prawej, lewej lub środka. |
W pionie | top , middle , bottom
|
Rzadko używane, wyrównuje grafikę w pionie. |
Wyświetlenie | ||
Miniaturka | thumb
|
Wstawia obraz z ramką i opisem. Domyślnie ustawia pozycję na prawo i szerokość obrazu do 200px, jeżeli obraz jest większy. |
Inne | ||
Link | 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. http:// ). Pusty parametr spowoduje brak domyślnego linku do pliku przy kliknięciu.
|
Opis | Każde, które nie pasuje do reszty parametrów | Wstawia opis obrazu. |
Zobacz też[edytuj • edytuj kod]
- pełen opis wszystkich (również rzadko używanych) parametrów na MediaWiki.org (ang.)
- tworzenie linków
- formatowanie