Predložak:Istaknuta slika

Izvor: Hrvatska internetska enciklopedija
Inačica 212296 od 10. listopada 2021. u 23:25 koju je unio WikiSysop (razgovor | doprinosi) (Bot: Automatski unos stranica)
(razl) ←Starija inačica | vidi trenutačnu inačicu (razl) | Novija inačica→ (razl)
Skoči na:orijentacija, traži
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š


en:Template:Annotated image es:Plantilla:Annotated image ja:Template:Annotated image pt:Predefinição:Imagem anotada