Wikipedia:Uwagi o wstawianiu obrazków

Jeżeli chcesz przesłać własne grafiki, zobacz na Commons, jak to zrobić, bo tam przesyłamy pliki. Na tej stronie znajdują się informacje dotyczące tego, jak już przesłane grafiki zamieszczać w artykułach.

[edytuj] Podstawy

Wikikod służący do wstawiania grafiki przypomina swoją strukturą kod linków wewnętrznych. Tworzy się go za pomocą podwójnych, kwadratowych nawiasów. Jednak zamiast tworzyć link tekstowy, wyświetlają one obrazki w tekście strony.

[edytuj] Ogólna postać kodu

Kod ten ma ogólną postać:

[[Grafika:Nazwa pliku|Opcje|Opis]]

Przykładowy obrazek

Nazwa pliku 

dokładny tytuł pliku z jakim obrazek zostały przesłany na serwer (musi zawierać rozszerzenie pliku).

Opcje 

do wyboru thumb, frame, left, right, center i rozmiar obrazka w pikselach, podany z przyrostkiem px. Opcji można podać kilka, odzielając je znakiem rurki "|" (ang. pipe), w dowolnej kolejności.

Opis 

dowolny tekst, który będzie dołączony do obrazka, może on także zawierać linki wewnętrzne i zewnętrzne. Aby opis był widoczny poniżej obrazka, należy użyć opcji thumb lub frame (w przeciwnym wypadku jest widoczny jedynie po najechaniu na obrazek).

Podanie opcji i opisu nie jest wymagane przez oprogramowanie, choć jest bardzo zalecane.

Kod przykładu widocznego z prawej:

[[Grafika:Przykład.jpg|thumb|150px|Przykładowy obrazek]]

[edytuj] Skalowanie obrazków

Najprostszy sposób wstawienia obrazka, np.:

[[Grafika:HondiusPerspective.png]]

nie daje zwykle zadowalających efektów, zwłaszcza gdy obrazek jest duży:

Aby zmniejszyć obrazek, należy użyć opcji skalowania, czyli podać jego rozmiar w pikselach. Liczba ta oznacza maksymalną szerokość obrazka:

[[Grafika:HondiusPerspective.png|150px]]
[[Grafika:HondiusPerspective.png|100px]]
[[Grafika:HondiusPerspective.png|50px]]

Powyższy kod da taki efekt:

dla 150px

dla 100px

dla 50px

Warto jednak zauważyć, że wraz ze zmniejszaniem obrazka drobne jego szczegóły stopniowo zanikają.

Skalowanie najlepiej robić z dodatkową opcją "thumb", która jest opisana poniżej.

[edytuj] Pozycjonowanie obrazków

Jak widać, standardowo obrazek jest umieszczany w dość przypadkowym miejscu ekranu względem tekstu i trudno jest przewidzieć, jak będzie opływany przez tekst. Opływanie tekstu i jednocześnie umiejscowienie obrazka kontroluje się przy pomocy opcji:

• left – obrazek bÄ™dzie siÄ™ znajdowaÅ‚ z lewej strony ekranu i bÄ™dzie opÅ‚ywany przez tekst z prawej
• right – obrazek bÄ™dzie siÄ™ znajdowaÅ‚ z prawej strony ekranu i bÄ™dzie opÅ‚ywany przez tekst z lewej
• center – obrazek bÄ™dzie wycentrowany i nie bÄ™dzie opÅ‚ywany przez tekst

Przykłady:

[[Grafika:Felicidade A very happy boy.jpg|200px|left]]

[[Grafika:Felicidade A very happy boy.jpg|200px|right]]

[[Grafika:Felicidade A very happy boy.jpg|200px|center]]

I rezultat:

To jest testowy tekst, który opływa obrazek z opcją left – czyli dosunięty do lewej strony i opływany z prawej. To jest testowy tekst, który opływa obrazek z opcją left – czyli dosunięty do lewej strony i opływany z prawej. To jest testowy tekst, który opływa obrazek z opcją left – czyli dosunięty do lewej strony i opływany z prawej.

To jest testowy tekst, który opływa obrazek z opcją right – czyli dosunięty do prawej strony i opływany z lewej. To jest testowy tekst, który opływa obrazek z opcją right – czyli dosunięty do prawej strony i opływany z lewej. To jest testowy tekst, który opływa obrazek z opcją right – czyli dosunięty do prawej strony i opływany z lewej.

To jest testowy tekst, który nie opływa obrazka z opcją center

lecz znajduje siÄ™ pod nim lub nad nim.

[edytuj] Thumb i frame

Opcje thumb i frame powodują otoczenie obrazka szarą ramką z możliwością dodania tekstu pod zdjęciem w ramce. Thumb dodatkowo powoduje zmniejszenie obrazka do ustalonego z góry rozmiaru, który wynosi standardowo 180 pikseli. Standardowy rozmiar obrazka "thumb" każdy użytkownik może indywidualnie dostosować w swoich preferencjach. Zarówno z "thumb", jak i z "frame" można ustalić dowolny rozmiar obrazka, podając jego rozmiar w pikselach. Obrazki z opcją "thumb" i "frame" domyślnie są umieszczane z opcją "right" – czyli są dosuwane do prawej strony ekranu i opływane z lewej. To jednak również można zmienić, stosując opcje "center" i "left".

Przykłady:

[[Grafika:Cyanocitta-cristata-004.jpg|thumb|Modrosójka błękitna]]

[[Grafika:Cyanocitta-cristata-004.jpg|thumb|left|250px|Modrosójka błękitna]]

[[Grafika:Cyanocitta-cristata-004.jpg|thumb|center|400px|[[Modrosójka błękitna]]]]

I rezultat:

Modrosójka błękitna

To jest testowy tekst, który opływa obrazek z opcją thumb – bez zmienionego rozmiaru i opływania. To jest testowy tekst, który opływa obrazek z opcją thumb – bez ustawionego rozmiaru i opływania. To jest testowy tekst, który opływa obrazek z opcją thumb – bez ustawionego rozmiaru i opływania.

Modrosójka błękitna

To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania left i rozmiarem zmienionym na 250px. To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania "left" i rozmiarem zmieniony na 250px. To jest testowy tekst, który opływa obrazek z opcją thumb z opcją opływania "left" i rozmiarem zmieniony na 250px.

To jest testowy tekst, który nie opływa obrazka z opcją thumb, center i rozmiarem ustalonym na 400 pikseli.

Modrosójka błękitna

Dodatkowo pokazano tu możliwość wstawienia do opisu obrazka linku do strony w Wikipedii.

[edytuj] Zalecenia

• Opcja right jest opcjÄ… domyÅ›lnÄ…. Nie należy jej zatem podawać stricte.

• Dla obrazków z opcjÄ… thumb, jeżeli nie jest to konieczne, nie trzeba podawać wymiarów stricte. BÄ™dÄ… wówczas stosowane domyÅ›lne wymiary obrazka (standardowo 180 pikseli), które każdy zarejestrowany użytkownik może indywidualnie dostosować w swoich preferencjach. Jednak ponieważ nie każdy użytkownik czytajÄ…cy WikipediÄ™ jest zarejestrowany, obrazki widać wyraźniej przy wiÄ™kszej iloÅ›ci pikseli. Najczęściej wstawia siÄ™ 200px, 250px lub nawet 300px. Zawsze jednak pod uwagÄ™ należy wziąć ogólnÄ… kompozycjÄ™ artykuÅ‚u oraz to, że niektórzy dysponujÄ… rozdzielczoÅ›ciÄ… ekranu 800×600.

[edytuj] Media i dwukropek

Dwukropek na początku kodu obrazka powoduje przekształcenie go w zwykły link. Przydaje się to, gdy nie chce się wyświetlać obrazka na stronie, ale chce się do niego skierować czytelnika, aby mógł go sobie obejrzeć po kliknięciu w link.

Przykład:

[[:Grafika:Fortepian - schemat.svg|Schemat konstrukcji fortepianu]]

i efekt:

Schemat konstrukcji fortepianu

Zmiana słowa "Grafika" na "Media" w kodzie obrazka powoduje, że nie jest on wyświetlany, lecz pojawia się tylko link z jego opisem, tak samo, jak w przypadku stosowania dwukropka. Ponadto jednak po kliknięciu na tak utworzony link wyświetli się nie strona obrazka z opisem, lecz sam "goły" obrazek.

Przykład:

[[Media:Fortepian - schemat.svg|Schemat konstrukcji fortepianu]]

i efekt:

Schemat konstrukcji fortepianu

UWAGA 

Linkowanie w ten sposób zdjęć w Wikipedii jest niezalecane.

Oprócz tego link "media" może być stosowany do linkowania wszelkich plików multimedialnych, filmów, muzyki, pokazu slajdów itp.

Przykład:

[[Media:Apollo 15 CSM moving away from LM.ogg|Start lÄ…downika Apollo 15, film w formacie ogg]]

i efekt:

Start lÄ…downika Apollo 15, film w formacie ogg

UWAGA 

link ten zadziała pod warunkiem, że mamy poprawnie zainstalowany program, który potrafi odtwarzać pliki ogg. W przeciwnym razie najprawdopodobniej rozpocznie się zapisywanie pliku z filmem gdzieś na twardym dysku użytkownika.

[edytuj] Galerie

Możliwe również jest, choć obecnie niezalecane, tworzenie galerii. Wpis:

<gallery>
Grafika:Formosan sika deer.jpg|[[Jeleń wschodni]]
Grafika:Bubo bubo winter 1.jpg|[[Puchacz]]
Grafika:Turdus pilaris2.jpg|[[Kwiczoł]]
</gallery>

da efekt w postaci:

Jeleń wschodni

Puchacz

Kwiczoł

Uwaga – nie należy poszczególnych grafik umieszczać w znacznikach [[]].

Nie wszystkie grafiki dobrze się prezentują w tego typu galeriach. Raczej powinno się umieszczać w nich te, których wymiary są przystające do wymiarów samego okna galerii. również w przypadku galerii nie należy dawać zbyt rozbudowanych opisów. W niektórych przypadkach będzie to dawało niezbyt dobry efekt:

Wzgórze zamkowe w Dobczycach

Panorama Zamku w Janowcu

Powierzchnie sterowe: 1. Winglet 2. Lotki małych prędkości 3. Lotki dużych prędkości 4. Owiewka 5. Klapa noskowa Krügera 6. Skrzela (sloty) 7. Klapy wewnętrzne trójszczelinowe 8. Klapy zewnętrzne trójszczelinowe 9. Spoiler 10. Hamulce aerodynamiczne

Obecnie, zamiast tworzenia galerii w artykułach lepiej jest utworzyć galerię na Wikimedia Commons, która jest ogólnym repozytorium plików graficznych i multimedialnych dla wszystkich mutacji Wikipedii, a następnie dołączyć w tekście artykułu zgrabnego szablonu, przenoszącego do tej galerii:

{{Commons|Nazwa na Commons|Nazwa do wyświetlenia}}

{{Commons|Gallery Terpenes|Terpeny}}

Zobacz galeriÄ™ na Wikimedia Commons:
Terpeny

Kod ten da efekt widoczny po prawej:

W przypadku, gdy nazwa hasła, w którym wstawiony jest link do galerii na Commons, jest taka sama jak tytuł galerii, który chcemy wyświetlić, należy zrezygnować z nazwy w szablonie, czyli {{Commons|Gallery Terpenes}} w haśle terpeny.

W projekcie Commons oprócz galerii istnieje też system kategorii. Aby dodać podobny link do kategorii, wpisz kod:

{{Commonscat|Nazwa kategorii|Nazwa do wyświetlenia}}

{{Commonscat|West Tatra Mountains|Tatry Zachodnie}}

Zobacz kategoriÄ™ na Wikimedia Commons:
Tatry Zachodnie

To da podobny efekt:

Umieszczenie galerii w Wikimedia Commons ma trzy zalety w stosunku do bezpośredniego jego umieszczenia w artykule, w Wikipedii:

• Galeria może siÄ™ stale rozwijać – poprzez uzupeÅ‚nianie ich przez Wikipedystów ze wszystkich edycji jÄ™zykowych
• Galeria może zostać doÅ‚Ä…czona do wielu artykułów i to w każdej edycji jÄ™zykowej, bez koniecznoÅ›ci wklejania kodu caÅ‚ej galerii do każdego artykuÅ‚u z osobna
• Galeria w Commons nie powoduje przedÅ‚użenia czasu wczytywania artykuÅ‚u i zmniejsza obciążenia serwera – mogÄ… jÄ… natomiast bez przeszkód oglÄ…dać osoby niÄ… zainteresowane.

W artykułach można ewentualnie tworzyć minigalerie, składające się z kilku (3-4) grafik zamykających sekcję czy artykuł. Warto jednak się zastanowić, czy nie wkomponować ich w artykuł w inny sposób, ze względu na ich wielkość w ramkach, tworzonych automatycznie, dzięki opcji <gallery>.

[edytuj] Szablon {{Galeria}}

Szablon {{Galeria}} pozwala na umieszczenie do 10 zdjęć w jednym miejscu, tak, by nie zajmowały one więcej miejsca niż jedno zdjęcie. Takich galerii warto używać, aby pokazać sekwencję zdarzeń czy też kilka różnych ujęć danego obiektu.

Szablon tworzy się, używając kodu jak poniżej:

{{Galeria
| Nazwa=Tytuł galerii, na przykład zwierzęta|wielkość=300|pozycja=left
| Grafika:Formosan sika deer.jpg|[[Jeleń wschodni]]
| Grafika:Bubo bubo winter 1.jpg|[[Puchacz]]
| Grafika:Turdus pilaris2.jpg|[[Kwiczoł]]
}}

Wielkość odnosi się do rozmiaru grafiki w pikselach (px), pozycja określa, gdzie obrazek ma być położony względem teksu, tj. left, right, center.

Efekt poniżej:

Tytuł galerii, na przykład zwierzęta

Jeleń wschodni

Puchacz

Kwiczoł

Uwaga – jeżeli utworzysz galerię składającą się z większej niż 10 liczby zdjęć, tylko pierwsza dziesiątka będzie się wyświetlać.

[edytuj] Problemy z obrazkami

Jakkolwiek pozornie wstawianie obrazków w MediaWiki wydaje się proste, przy braku wprawy prowadzi ono czasem do dziwnych, niespodziewanych efektów i problemów.

[edytuj] Problemy z nazwÄ… obrazka

Częstym problemem, jaki mają początkujący użytkownicy, jest wpisanie poprawnej nazwy pliku, w którym jest obrazek. Wikipedia wymaga stuprocentowo ścisłego odnoszenia się do nazw plików. Oprogramowanie rozróżnia wielkość liter w nazwach oraz wszelkie znaki specjalne, takie jak spacje, myślniki, podkreślenia itd.

Przykład: Plik nazywa się: "Fitz Roy framed trees (colour balans).jpg"

[[Grafika:Fitz roy framed trees (colour balans).JPG|thumb|Zła nazwa – różni się wielkością liter]]

[[Grafika:Fitz Roy framed trees (colour balans) .jpg|thumb|Zła nazwa – różnica polega tylko na dodatkowej spacji między nawiasem i rozszerzeniem ".jpg"]]

[[Grafika:Fitz Roy framed trees (colour balans).jpg|thumb|Wreszcie dobrze!]]

i efekt:

Grafika:Fitz roy framed trees (colour balans).JPG Zła nazwa – różni się wielkością liter

Grafika:Fitz Roy framed trees (colour balans) .jpg Zła nazwa – różnica polega tylko na dodatkowej spacji między nawiasem i rozszerzeniem ".jpg"

Wreszcie dobrze!

Najprostszym sposobem, aby uniknąć kłopotów z nazwą pliku, jest wyświetlić w osobnym oknie stronę opisu tego obrazka i skopiować jego nazwę, która jest umieszczona w tytule opisu, do kodu pisanego hasła.

[edytuj] Wielkość obrazka

Opływanie obrazków przez tekst, jakkolwiek przy sprzyjających okolicznościach wygląda ładnie, jest zawsze trochę ryzykowne, gdyż niektóre przeglądarki mają z tym pewne problemy i trzeba zawsze obejrzeć, jak taka strona będzie się zachowywała przy mniejszych rozdzielczościach (rozmiarach) ekranu.

Często bowiem zdarza się, że to, co wygląda ładnie przy rozdzielczości (rozmiarze) 1024×768 albo 1280×960, prezentuje się znacznie gorzej przy 800×600. Jeśli akurat oglądasz tę stronę przy tej rozdzielczości (rozmiarze), od razu zrozumiesz, w czym rzecz, bo została ona celowo napisana tak, żeby nie za dobrze wyglądać w tych warunkach.

Wg statystyk obecnie (grudzień 2007) rozdzielczości (rozmiaru) 800×600 używa ok. 5% internautów, nie można więc faktu nieładnego wyglądu strony przy tej rozdzielczości (rozmiarze) zignorować.

Należy się też liczyć z faktem, że część osób korzystająca z większych rozdzielczości (rozmiarów) może nie mieć okna przeglądarki rozciągniętego na cały ekran. Wiele osób korzysta też z tzw. sidebarów, które dodatkowo zwężają szerokość okna przeznaczonego na wyświetlanie strony.

Pole, w którym pokazuje się tekst artykułu, przy standardowej skórce Wikipedii i rozdzielczości (rozmiarze) ekranu 800×600 pikseli oraz stosowaniu okna przeglądarki rozciągniętego na cały ekran bez użycia sidebarów ma szerokość ok. 630 pikseli (resztę zajmuje boczne menu, obramowanie okna i suwaki).

Tzw. kiszkowaty tekst powstaje wtedy, kiedy stłoczy się zbyt wiele obrazków o zbyt dużych rozmiarach w jednym miejscu. Efekt "kiszkowatości" może być niedostrzegalny dla autora strony, jeśli pracuje on z ekranem ustawionym w wysokiej rozdzielczości, natomiast może on się pojawić na ekranie czytelnika, który używa mniejszej rozdzielczości ekranu niż autor. Z tego względu warto po napisaniu strony sprawdzić, jak ona wygląda przy mniejszych rozdzielczościach ekranu.

Przykład kiszkowatego tekstu (przy szerokości ekranu mniejszej niż 1280 pikseli):

Motylek

Zaraz pojawi się kiszkowaty tekst, który wygląda szczególnie brzydko, gdy wcześniej jest tekst normalny.

Światłocienie w lesie

To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px. To jest przykładowy tekst, który się robi kiszkowaty przy rozdzielczości horyzontalnej poniżej 1280 px.

Aby uniknąć tego rodzaju efektów, nie należy:

• umieszczać obrazków opÅ‚ywanych na lewo i prawo zbyt blisko siebie
• stosować wiÄ™kszej rozdzielczoÅ›ci obrazków niż 350-400 px

[edytuj] Grafiki panoramiczne

Typowe panoramy, jak np. w haśle Zabrze czy Kielce, warto rozciągnąć na całą szerokość ekranu. Jednak ze względu na różną rozdzielczość, z jakiej korzystają użytkownicy, należałoby raczej dać wartość najmniejszą 600px. Można jednak użyć następującego kodu:

{{Duża grafika|Nazwa grafiki.jpg|rozmiar|opis}}

Na przykład:

{{Duża grafika|Panorama Kielc ssj 20060423.jpg|5000px|Panorama Kielc}}

Dzięki temu panorama wyświetli się w okienku z poziomym paskiem:

Panorama Kielc

[edytuj] Kiedy grafiki umieszczać po stronie lewej, prawej lub centralnie?

• Jeżeli grafika ilustruje opisywane zjawisko, czyli jest to typowa ilustracja artykuÅ‚u, powinna być ona umieszczona po prawej stronie wzglÄ™dem tekstu.

• Grafiki umieszczamy po lewej stronie,
  • jeżeli chcemy użyć grafiki do zilustrowania sekcji przylegajÄ…cej do infoboksu.

    W przypadku artykułu z infoboksem może czasami pojawić się konflikt w postaci przemieszczania się grafiki pod infoboks, nawet, jeżeli użyjemy opcji left. Najczęściej przyczyną jest umieszczenie linku do Commons zaraz poniżej infoboksu. W takim przypadku przenieść należy link do Commons na dół artykułu, co jest zresztą zalecane. Jeszcze lepszym rozwiązaniem jest wstawienie linku do Commons do infoboksu. Najpierw sprawdź, czy w kodzie infoboksu jest opcja galeria_commons=" " lub podobna.

  • jeżeli tekst artykuÅ‚u dotyczy akurat tych grafik, np. dzieÅ‚a malarskiego czy rzeźby,

    Wyjątkiem jest artykuł o danym dziele sztuki – dla obrazów stosujemy wówczas szablon {{Obraz infobox}} w taki sposób:

{{Obraz infobox
| obrazek =
| rozmiar = 'opcjonalny rozmiar obrazka w px, np. 250px (domyślnie 250px)'
| tytuł =
| malarz =
| rok =
| technika =
| wysokość =
| szerokość =
| muzeum =
}}

• W szczególnych przypadkach, szczególnie, jeÅ›li jest to grafika panoramiczna, należy umieÅ›cić jÄ… centralnie. Taki zabieg w artykuÅ‚ach powoduje też zmniejszenie monotonii, gdy np. jest to duży artykuÅ‚ z wieloma grafikami. Powinna być to jednak grafika szersza niż dÅ‚uższa.

[edytuj] Nachodzenie list

Opływanie tekstu przez grafikę wygląda szczególnie nieładnie w przypadku stosowania opływania z prawej strony i wyliczanek tworzonych kodem "*" lub "#", gdyż wtedy znaki kolejnych podpunktów wchodzą na grafikę.

Np. kod:

[[Grafika:SF Golden Gate Bridge splash CA.jpg|left|100px]]
* tekst 1
* tekst 2
* tekst 3
* tekst 4
# lista 1
# lista 2
# lista 3

wyglÄ…da tak:

• tekst 1
• tekst 2
• tekst 3
• tekst 4
• tekst 6

1. lista 1
2. lista 2
3. lista 3

Prostym rozwiązaniem tego problemu jest użycie obrazka z opcją thumb:

• tekst 1
• tekst 2
• tekst 3
• tekst 4
• tekst 6

1. lista 1
2. lista 2
3. lista 3

[edytuj] Jak uniknąć wchodzenia obrazków na dwie sekcje?

Kolejnym, często spotykanym problemem jest wchodzenie obrazków na kilka kolejnych sekcji tekstu. Zdarza się to, gdy tekst w sekcji jest za krótki, a obrazek "za długi". Możliwość zaobserwowania tego efektu również jest zależna od rozdzielczości ekranu. W odróżnieniu jednak od poprzedniego przypadku zdarza się on częściej przy większej rozdzielczości ekranu. W większej rozdzielczości ekranu tekst ma "więcej miejsca", a wysokość obrazka się nie zmienia.

Przykładowy kod:

==== Przykład 1 ====
[[Grafika:Oil well scheme.svg|thumb|150px]]
To jest, testowy, krótki tekst.

==== Przykład wchodzenia obrazka na tytuł sekcji od prawej strony ====
[[Grafika:Oil well scheme.svg|thumb|left|150px]]
To jest, testowy, krótki tekst.

==== To jest tytuł "zaatakowany" obrazkiem z lewej strony ====
To jest testowy, krótki tekst.

i rezultat:

[edytuj] Przykład 1

To jest, testowy, krótki tekst.

[edytuj] Przykład wchodzenia obrazka na tytuł sekcji od prawej strony

To jest, testowy, krótki tekst.

[edytuj] To jest tytuł "zaatakowany" obrazkiem z lewej strony

To jest testowy, krótki tekst.

Na ten problem nie ma prostego rozwiązania. Należy po prostu unikać krótkich sekcji z wysokimi obrazkami. Pewnym rozwiązaniem jest tu używanie szablonu {{clear}}, który powoduje, że tytuł kolejnej sekcji pojawi się dopiero poniżej obrazków i tabel po obu stronach strony. Rozwiązanie to pozostawia jednak często duże, puste pola na ekranie. Możliwe jest też użycie szablonu z parametrem {{clear|left}} lub {{clear|right}}. Szczegóły poznasz tutaj: {{clear}}.

Przykładowy kod:

==== Przykład 2 ====
[[Grafika:Oil well scheme.svg|thumb|150px]]
To jest, testowy, krótki tekst.
{{clear}}

==== Teraz nie nachodzi z prawej ====
[[Grafika:Oil well scheme.svg|thumb|left|150px]]
To jest, testowy, krótki tekst.
{{clear}}

==== Teraz nie nachodzi z lewej ====
To jest testowy, krótki tekst.

i rezultat:

[edytuj] Przykład 2

To jest, testowy, krótki tekst.

[edytuj] Teraz nie nachodzi z prawej

To jest testowy, krótki tekst.

[edytuj] Teraz nie nachodzi z lewej

To jest testowy, krótki tekst.

[edytuj] Uwagi końcowe

• JeÅ›li chcesz zobaczyć, jak bÄ™dzie wyglÄ…daÅ‚ edytowany tekst na stronie o mniejszej rozdzielczoÅ›ci niż ta, którÄ… teraz używasz, możesz po prostu zmniejszyć rozmiary okna przeglÄ…darki. Aby przy rozdzielczoÅ›ci 1024×768 uzyskać rozmiar okna, jaki by byÅ‚ przy 800×600, zmniejsz okno przeglÄ…darki o mniej wiÄ™cej 1/3. Możesz też wÅ‚Ä…czyć jakiÅ› pasek boczny, np. zakÅ‚adki czy historiÄ™.
• Po uaktualnieniu obrazka może zdarzyć siÄ™, że przeglÄ…darka bÄ™dzie nadal wyÅ›wietlaÅ‚a starÄ… wersjÄ™. Należy wtedy pobrać stronÄ™ bezpoÅ›rednio z serwera Wikipedii, a nie z cache. Jak to zrobić:
  • w Internet Explorerze: Ctrl-F5
  • w Mozilli/Firefox: Ctrl+R albo trzymajÄ…c wciÅ›niÄ™ty Shift, kliknąć w Reload (PrzeÅ‚aduj/OdÅ›wież)
  • w Operze: zależnie od wersji Ctrl-Shift-R, Ctrl+R lub Ctrl+F5