Centrum Społeczności
(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:

Przykład

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:

Przykład

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:

Przykład

Przykładowy podpis


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:

Przykład

Przykładowy podpis


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

Przykład

Ładny obrazek

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

Przykład

Ładny obrazek


Kolejny tekst


Przykład

Gdyby nie ta funkcja, obrazek przeszedł by do rozdziału Galeria


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.

Zobacz też