(Jeszcze tylko cztery... A ten artykuł do sprawdzenia, dziwnie wyszedł.) |
m (→Przykład: dr. popr.) |
||
Linia 29: | Linia 29: | ||
Często zdarzają się sytuacje, w których grafika wręcz ''rozwala'' tekst na stronie lub przechodzi do niewłaściwego rozdziału. Do odpowiedniego zgrania z tekstem służy opcja <code><nowiki><br clear="all"></nowiki></code> i jej modyfikacje. |
Często zdarzają się sytuacje, w których grafika wręcz ''rozwala'' tekst na stronie lub przechodzi do niewłaściwego rozdziału. Do odpowiedniego zgrania z tekstem służy opcja <code><nowiki><br clear="all"></nowiki></code> i jej modyfikacje. |
||
=== Przykład === |
=== Przykład === |
||
− | <!---- Jeżeli ktoś ma pomysł, jak zrobić to tak, żeby przykład był estetyczny, a jednocześnie pokazywał nieczytelność, niechaj poprawi. Dziękuję! ----> |
||
W przypadku, w którym fragment będzie miał następującą konfigurację |
W przypadku, w którym fragment będzie miał następującą konfigurację |
||
<pre>Jakiś tekst |
<pre>Jakiś tekst |
||
Linia 41: | Linia 40: | ||
---- |
---- |
||
<br clear="all"> |
<br clear="all"> |
||
+ | Jeżeli chcemy, żeby obok obrazka nie było tekstu, używamy funkcji <code><nowiki><br clear="all"></nowiki></code>. Kod: |
||
− | Paskudnie rozwalone, nieczytelnie i ogólnie nie wiadomo o co chodzi. Jednak, po użyciu funkcji, sprawa ma się inaczej. Kod: |
||
<pre>Jakiś tekst |
<pre>Jakiś tekst |
||
[[Plik:Przykład.jpg|thumb|left|200px|Ładny obrazek]]<br clear="all"> |
[[Plik:Przykład.jpg|thumb|left|200px|Ładny obrazek]]<br clear="all"> |
Wersja z 14:22, 20 mar 2010
Obrazy i inne elementy multimedialne są ważną częścią każdego artykułu. Należy wiedzieć, jak je wyświetlać, formatować i integrować z tekstem, by było ładnie, estetycznie, przejrzyście i z klasą. By wyświetlić jakiś obrazek, musi on najpierw zostać przesłany. Aby przesłać jakąkolwiek grafikę, wystarczy być zalogowanym użytkownikiem. Więcej informacji na ten temat znajdziesz w osobnym artykule o ładowaniu grafik.
Kod plików graficznych w wikitekście
Aby po prostu wyświetlić obrazek, wystarczy wstawić jego pełną nazwę w podwójny nawias kwadratowy (jak przy linkach) wraz z rozszerzeniem oraz poprzedzając jego nazwę frazą Plik:. Np.:
[[Plik:Przykład.jpg]]
Da nam:
Grafika nie zostanie wyświetlona, jeśli napiszemy: Przykład.jpg (brak prefiksu), Plik:Przyklad.jpg (znaki diakrytyczne) czy Przykład.JPG (inne rozszerzenie, wielkość liter ma znaczenie). Obraz zostanie wyświetlony, jeżeli zaczniemy tytuł małą literą, w tym wypadku [[Plik:przykład.jpg]].
Istnieje też możliwość dodania charakterystycznej ramki, poprzez dodanie funkcji thumb.
[[Plik:Przykład.jpg|thumb]]
Da nam:
Thumb pozwala na modyfikowanie grafiki (o tym poniżej). Alternatywną wersją tej funkcji jest opcja frame, która daje tylko i wyłącznie takową ramkę.
Funkcja ta, umożliwia nam dodanie podpisu pod grafikę.
[[Plik:Przykład.jpg|thumb|Przykładowy podpis]]
Da nam:
W podpisie możemy używać formatowania prawie takiego samego, jak w normalnym tekście.
Istnieje także możliwość sterowania położeniem („left” – lewo, „right” – prawo, „center” – środek) oraz rozmiaru (wyrażonego liczbowo w pikselach, zakończonego sufiksem px). Zarówno z funkcją thumb, jak i bez niej. Np.:
[[Plik:Przykład.jpg|thumb|left|200px|Przykładowy podpis]]
Wyświetli:
Problemy z układem tekstu
Często zdarzają się sytuacje, w których grafika wręcz rozwala tekst na stronie lub przechodzi do niewłaściwego rozdziału. Do odpowiedniego zgrania z tekstem służy opcja <br clear="all">
i jej modyfikacje.
Przykład
W przypadku, w którym fragment będzie miał następującą konfigurację
Jakiś tekst [[Plik:Przykład.jpg|thumb|left|200px|Ładny obrazek]] Kolejny tekst
Fraza zostanie wyświetlona jako:
Jakiś tekst
Kolejny tekst
Jeżeli chcemy, żeby obok obrazka nie było tekstu, używamy funkcji <br clear="all">
. Kod:
Jakiś tekst [[Plik:Przykład.jpg|thumb|left|200px|Ładny obrazek]]<br clear="all"> Kolejny tekst
Jakiś tekst
Kolejny tekst
Galeria
Czasami obrazków jest zbyt dużo, by umieszczać je po bokach artykułu, lub ładniej by wyglądały scalone w jednym miejscu. Do tego służy galeria. Kod:
<gallery caption="Galeryjka" widths="100px" heights="100px" perrow="3"> Przykład.jpg Przykład.jpg|Podpis Przykład.jpg|[[Niebieski link|Można też linkować]] i używać formatowania </gallery>
Da nam:
- Caption określa tytuł galerii.
- Widths to szerokość okienka w grafice.
- Heights to wysokość okienka.
- Perrow wyznacza ilość obrazków w rzędzie. Jeśli grafik byłoby cztery, czwarta grafika utworzyłaby drugi rząd w kolumnie równej pierwszemu obrazkowi. Domyślną wielkością jest cztery.
Można nie używać tych zmiennych. Jeżeli użyjemy po prostu <gallery> wówczas pojawią się standardowe dane, bez tytułu.