Predložak:Istaknuta slika
Ovaj predložak ima dvije funkcije:
- Dodavanju teksta (anotacija) na slike. Ponekad je poželjnije tekst dodati na sliku umjesto u opis ispod slike. Tekst može biti i poveznica.
- Predloškom se može odsjeći dio slike (crop) radi isticanja detalja ili uklanjanje nevažnih dijelova.
Uporaba[uredi kôd]
Primjer odsjecanja[uredi kôd]
Na primjer, imate sliku commons:Datoteka:Mona Lisa color restoration2.jpg. Ali želite prikazati samo dio slike, na primjer detalj oko nosa i usta:
Dio koji ćemo isjeći sa slike lijevo.
Također je primjer uporabe predloška.
Također je primjer uporabe predloška.
Ako unesete slijedeći kôd:
{{istaknuta slika
| slika = Mona Lisa color restoration2.jpg
| širina_slike= 2000 <!-- izaberite neku širinu; stvarna širina slike je nebitna -->
| lijevo = -850 <!-- odsjeca lijevu stranu; obratite pažnju na "-" znak minus -->
| vrh = -800 <!-- odsjeca gornju stranu; obratite pažnju na "-" znak minus -->
| širina = 250 <!-- odsjeca desnu stranu; to će u stvari biti širina slike u članku -->
| visina = 250 <!-- odsjeca donju stranu; to će u stvari biti visina slike u članku -->
| float = left
| anotacija = <!-- ovaj parametar MORA biti u predlošku, čak i ako se ne popuni! -->
| opis = Odsječeni dio s veće (2000px) slike Mona Lise
}}
Rezultat je slika veličine 250×250 piksela iz slike koja je bila široka 2000 piksela (nebitna je stvarna veličina slike). Gornjih 800 i lijevih 850 piksela je odsječeno, kao i ostatci zdesna i ispod nakon oduzimanja potrebnih 250 piksela:
Odsječeni dio s gornje slike Mona Lise.
Primjeri dodavanje teksta na sliku[uredi kôd]
Za primjere pogledajte Predložak:Istaknuta slika/doc/Primjeri.
Primjer je i desna gornja slika. Definiranjem boje pozadine anotacije, pokriven je postojeći engleski tekst te je dodan hrvatski tekst slijedećim kôdom:
{{istaknuta slika
| slika = Monalisa.svg
| širina_slike= 300
| lijevo =
| vrh =
| širina = 300
| visina =
| float = right
| anotacija = <!-- razmak je stavljan zbog povećanja širine boje pozadine -->
{{Anotacija|30|132| lijevo
|font-size= 20| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|150|42| vrh
| font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|180|130| visina | font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|125|171| širina | font-size= 20
| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|100|212| širina_slike | font-size= 20
| font-weight = bold|background-color =#999999 |color = black}}
| opis = Dio koji ćemo isjeći sa slike lijevo.
<br>Također je primjer [[#Primjeri dodavanje teksta na sliku|uporabe predloška]].
}}
Parametri[uredi kôd]
Dva su parametra, slika i imagemap međusobno isključiva, ne mogu se koristiti oba istovrememo, koristite samo jedan od njih.
U većini slučajeva trebat ćete samo obvezne parametre, ostale ćete rabiti samo ako želite dodatno formatiranje teksta.
| parametar | Dozvoljene vrijednosti | Osnovna vrijednost | Funkcija i napomene |
|---|---|---|---|
| opis | wikitekst | (nije obvezno) | Opis slike koji se postavlja na uobičajeno mjesto ispod slike. |
| alt | tekst | prazno | Alternativni tekst za sliku koji se prikazuje ako je isključeno prikazivanje slika. |
| slika | ime slike (navodi se bez zagrada); SVG slike su dozvoljene | ( napomena →) | Morate zadati slika ili imagemap ali ne oba. |
| imagemap | (X)HTML <imagemap> | (napomena →) | Morate zadati slika ili imagemap ali ne oba. |
| širina | pozitivni cijeli broj | (nije obvezno) | Ukupna širina u pikselima za okvir koji sadrži sliku i anotacije. Mora biti najmanje iste veličine kao prikazana širina (koju postavljate parametrom širina_slike). |
| visina | pozitivni cijeli broj | (nije obvezno) | Ukupna visina u pikselima za okvir koji sadrži sliku i anotacije. Mora biti najmanje iste veličine kao prikazana visina slike. Ako mijenjate širinu slike pomoću širina_slike, trebate izračunati visinu slike koja će se prikazati i dodati "marginu" potrebnu za anotacije. |
| lijevo | cijeli broj | (nije obvezno; osnovno je 0) | X-koordinata u pikselima za lijevi gornji kut slike, relativna u odnosu na lijevi gonrnji kut okvira koji sadrži sliku i anotacije. Negativni brojevi će odsjeći sliku. |
| vrh | cijeli broj | (nije obvezno; osnovno je 0) | Y-koordinata u pikselima za lijevi gornji kut slike,relativna u odnosu na lijevi gonrnji kut okvira koji sadrži sliku i anotacije. Negativni brojevi će odsjeći sliku. |
| širina_slike | pozitivni cijeli broj | (obvezno) | Širina slike u pikselima. |
| anotacija | predložak anotacija | (obvezno →) | Anotacija slike (dodavanje teksta). Parametar MORA biti u predlošku, čak i ako se ne popuni! Ako želite samo odsjecati sliku, navedite parametar bez vrijednosti, tj. anotacija= |
| float | right left none |
right | Položaj prikazane slike u odnosu na tekst. |
| vanjski-css | neki CSS | (nije obvezno) | Dodatni CSS za vanjski okvir (kontejner). Neće utjecati na druge parametre koje navedete za vanjski okvir. |
| slika-bg-color | neka CSS boja | bijela | Pozadina okvira u kome će se prikazati slika. Možete postaviti tamnu pozadinu ukoliko je slika tamna i želite anotaciju raditi svijetlom bojom. |
| slika-css | neki CSS | (nije obvezno) | Dodatni CSS za sliku. Neće utjecati na druge parametre koje navedete za okvir (kontejner) slike. |
| anot-text-align | left right center |
left | Postavlja predefinirano ravnanje teksta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-background-color | neka CSS boja | transparentna | Postavlja predefiniranu boju pozadine za sve anotacije. Sets a default background-color for all the contained annotations. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-font-family | neka CSS skupina fontova | (nije obvezno) | Postavlja predefiniranu skupinu fontova za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-font-size | pozitivni cijeli broj | (nije obvezno) | Postavlja predefiniranu veličinu fonta (u pikselima) za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-font-weight | neki CSS oblik fonta (npr. bold) | (nije obvezno) | Postavlja predefinirani oblik fonta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-font-style | neki CSS stil fonta (npr. italic) | (nije obvezno) | Postavlja predefinirani stil fonta za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. |
| anot-line-height | neka CSS visina linije | (nije obvezno) | Postavlja predefiniranu visinu linije za sve anotacije. Po želji se može promijeniti za pojedinačnu anotaciju. Korisno je samo za anotacije u više redova. |
| anot-color | neka CSS boja | (nije obvezno) | Postavlja predefiniranu boju teksta za sve anotacije.Po želji se može promijeniti za pojedinačnu anotaciju. |