Predložak:Istaknuta slika/doc

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

Primjer odsjecanja

Na primjer, imate sliku commons:Datoteka:Mona Lisa color restoration2.jpg. Ali želite prikazati samo dio slike, na primjer detalj oko nosa i usta:

Ova slika ima širinu 300px (kako je snimljena na ZP), ali je ta širina irelevantna za korištenje predloška.

lijevo

vrh

visina

širina

širina_slike

Dio koji ćemo isjeći sa slike lijevo.
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

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 &nbsp; je stavljan zbog povećanja širine boje pozadine -->
{{Anotacija|30|132|&nbsp;&nbsp;&nbsp;lijevo&nbsp;&nbsp;&nbsp;
  |font-size= 20| font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|150|42|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;vrh
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| font-size= 20
  | font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|180|130|&nbsp;visina&nbsp;| font-size= 20
  | font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|125|171|&nbsp;širina&nbsp;| font-size= 20
  | font-weight = bold| background-color =#999999 |color = black}}
{{Anotacija|100|212|&nbsp;širina_slike&nbsp;| 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

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.

Vidi još