|
Telefon za informacije
051 / 437 803
| |
|
| |
UPUTE ZA GALERIJU Primjer - DEMO
Napomena: Podrška za galeriju nije automatski uključena u Vaš CMS. Da bi aktivirali mogućnost galerije, kontaktirajte Poslovni forum d.o.o., radi ugradnje programske alikacije u Vaš CMS.
PRVI KORAK
Za galeriju su uvijek potrebne po dvije slike; jedna mala i jedna u punoj
veličini.
Uobičajno vam je na raspolaganju velika fotografija, kopirajte na svom
računalu tu veliku fotografiju, kako bi imali njezinu kopiju i smanjite je na
manje dimenzije,
npr. širina 140 pixela, visina 105 pixela
Dimenzije velikih fotografija nisu posebno limitirane, no preporuka je da se
ne prelazi širina od 800 pixela.
Kako bi se lako snalazili kad ćete imati na desetke fotografija, a k tome od
svake fotografije imate i jednu veliku i jednu malu... vodite računa o
nazivima koje im dajete.
Najpreglednije je da su zapravo nazivi fotografija kratki tekst i brojevi,
npr.
slika001v - velika fotografija
slika001m - manja verzija iste velike fotografije
slika002v
slika002m
Napomena: u nazivima ne smije biti razmaka (praznih mjesta) i koristite samo
slova engleske abecede, dakle bez naših slova š, č, ć, đ, ž i bez ä, ß, &, %,
$, #, ë, ü, (, ), !, ? i slično.
DRUGI KORAK
Prenesite sve pripremljene fotografije na Vaš hosting.
Kada ste u Administraciji CMS-a, uđite u ažuriranje bilo kojeg postoječeg
članka i otvorite formu za pisanje novog članka
Za unos fotografija kliknite na ikonu
Nakon što ste kliknuli na navedenu ikonu, otvara Vam se novi pop-up prozor
naziva
Image Properties
Prenesite (Upload) sve pripremljene fotografije, jednu po jednu.
Ovaj dio Vam je već poznat s obzirom da ste radili na unosu članaka i
tekstova, ukoliko se trebate podsjetiti, pročitajte upute
na ovoj stranici.
Ukoliko imate veliki broj fotografija, kontaktirajte telefonom Poslovni
forum d.o.o. kako bi Vas uputili na dodatnu mogućnost korištenja FTP
načina uploada slika (i drugih fajlova).
Nakon što ste uploadali sve slike na Vaš hosting, slijedi konkretno uređivanje
galerije u članku.
TREĆI KORAK
Uobičajeno u administraciji krenite na pisanje novog članka (Publish New)
Uobičajeno u prostor stranice (članka) insertate male slike.
Kada ste završili sa uređenjem stranica da su na njima sve male slike koje
želite,
u iconama za alatke pronađite iconu koja ovako izgleda:
Ona se nalazi u prvom redu izbornika sa alatkama:
Sada vidite HTML source code, to je način kako funkcionira sve na stranicama,
sve se uređuje uz pomoć HTML codova.
Uočit ćete kodova od slika, koji izgledaju ovako, za npr. prvu mali sliku
naziva slika001m
<IMG border=0 src="http://www.nazivdomene.hr/my_documents/my_pictures/slika001m.jpg"
width=140 height=105>
U nekim browserima može biti ovakav prikaz:
<IMG border=0 src="my_documents/my_pictures/slika001m.jpg" width=140
height=105>
To je isto, s tim da u adresi nije naziv domene, već odmah oznake foldera gdje
se nalazi slika.
Korisno: naučite što je što u source codu slike
<IMG border=0 src="my_documents/my_pictures/slika001m.jpg" width=140
height=105>
U ovom primjeru vidimo da je riječ o slici naziva slika001m i da je
ona jpg, a ne npr. gif, te vidimo njezine dimenzije; širinu i visinu.
Napomena; kada Vi dajete nazive slikama prije uploada, ne dajete im naziv
npr. slika001m.jpg već samo slika001m
Ako su slike bile JPG vrste, CMS sam dodaje link i tu oznaku .jpg (ili ako
je riječ o GIFslikama , tada će biti .gif
|
KONKRETNA UPUTA
NAKON OVIH UVODA, KAKO
AKTIVIRATE PRIKAZ SLIKE ZA GALERIJU?
Vidite dakle source cód
<IMG border=0
src="my_documents/my_pictures/slika001m.jpg" width=140 height=105>
Ispred tog coda dodajete:
<a href="my_documents/my_pictures/slika001v.jpg" rel="clearbox[item]">
Iza tog koda dodajete još:
</a>
Na taj način ste postavili link koji će otvarati galeriju, i pozvati
upravo sliku slika001v
uočite da je u tom codu naziv slike slika001v, a ne slika001m
Konačno, kompletan cód izgleda ovako:
<a href="my_documents/my_pictures/slika001v.jpg" rel="clearbox[item]">
<IMG border=0 src="my_documents/my_pictures/slika001m.jpg" width=140
height=105>
</a>
|
Masnim slovima (bold) označeno je ono što je
novo dodano, a u sredini ostaje onaj orginalni cod koji Vam je i bio na Vašoj
stranici.
Za vrijeme rada u administraciji, pokrenite na svome računalu NOTEPAD i u
njega kopirajte ove kodova, i onda iz njega možete jednostavno copy / paste, i
samo mijenjate nazive slika.
VAŽNO!
Nakon što ste to prepravili, kliknite ponovo na iconu
kako bi
se vratili na normalni pregled Vašeg teksta i slika koji unosite, a
ujedno i provjerili da li ste sve dobro napisali.
Stranicu ne spremate kada ste u prikazu source coda, naravno, kao što smo
naveli, prvo se vratite u normalni pregled.
Nakon što ste spremili stranicu (Add Article), pogledajte taj članak kao
posjetitelj i uvjerite se da li sve dobro radi.
Korisni savjeti:
Kod rada u CMS-u koristite obvezno Internet Explorer. U Mozilla Firefoxu,
Operi i drugim browserima, moguće je da Vam neke stvari ne funkcioniraju na
naprijed opisani način.
U Internet Exploreru otvorite dva prozora ( File / New Window ) te u jedom
prozoru pratite svoje stranice kao posjetitelj, a u drugm prozoru uđete
u administraciju CMS-a.
Na taj način ćete lakše moći pratiti sve promjene, već nakon što napravite
REFRASH (tipka F5), vidjet ćete sve što ste novo unjeli ili prepravili, bez da
svaki puta izlazite iz administracije.
Ako ćete imati puno slika po jednoj stranici, umjesto da tek kad ste u
administraciji prepravljate codove, pošto ste naučili kako se pišu codovi
odnosno linkovi slika, pripremite odmah u NOTEPADU sve codove, i kad radite u
konkretnom članku, rad vam je brži jer radite samo copy / paste.
Kao i sve upute, znamo da i ovo izgleda opširno i komplicirano, zato jer je
opisivan svaki detalj, no kad jednom svladate osnove, zapravo je ovo sve vrlo,
vrlo jednostavno i brzo.
Primjer - DEMO
Za naprednije korisnike:
Specifikacija galerije:
http://www.clearbox.hu/index_en.html
Default 
| | |
