Pregled posta

Adresa bloga: https://blog.dnevnik.hr/dalmata

Marketing

ZA UPORNE I ŽELJNE ZNANJA

NAPOMENA-za one koji nisu vidili -u naslovnu animaciju bloga dodano 10 novih slika -autor čiovka

Znan da ste sebi postavljali pitanje a kako je napravija ovo da mu se minja naslovna slika bloga -baren oni koji se ne razumu puno u kodove i javu.
A pošto san ja onaj tip koji voli pomoc drugima u sticanju znanja i vještina a posebno ovih racunalnih evo san uložija malo truda pa cu van pokušat u par koraka objasnit baren ovu sitnicu.Nadan se da me necete poslat na ono jedno misto di se inace šalju ovakve pile naopako ka šta san ja .......

slika

............e sad a nekoga ce vjerojatno ovo i zanimat.......pa ako samo jednoj / jednome od vas ovo proširi racunalne vidike ja san postiga svoj cilj.....
a sad dosta mlacenja prazne slame aj da ja to nekako posložin kako bi ste šta jednostavnije razumili o cemu ja to govorin.

KORAK PRVI- odabir slika koje želite postavit u kod.
Preporuka je odabrat slike istih dimenzija kako animacija nebi kasnije neuredno izgledala............da bi van bilo lakše prominit dimenzije slika možete koristit PICRESIZE,tu ce te vrlo jednostavno vašoj slici dat željenu dimenziju i posli toga je spremit izmjenjenu na vaše racunalo.Tako izmjenjenu sliku uploadirajte (podignite) na jedan od alata za besplatni hosting slika koje inace koristite (u blog editoru) u mome slucaju to je TinyPic.Kad ste podigli sliku na besplatni hosting tribate zapantit njenu adresu koju ce te kasnije umetati u kod za postavljanje slika na vaš web a i u kod java skripte o kojem ovde govorin.Napomena-uzimate adresu koja je za "direct-link"

slika


KORAK DRUGI-uređivanje java skripte
Preporuka prva - nemojte radit skriptu direktno u dizajnu ako niste doma sa time.........radite je u wordu ili notepad......a kasnije ce te je lako copy / paste u vaš web .
Slika koja slijedi je prvi dio koda u kojega unosimo slike ,na ovom mistu je nazovimo ga tako skladište kodova slika koje ce mo koristit u kodu to jest u animaciji .Ovde je također dio koda koji upravlja redosljedom pojavljivanja slika.Ovaj dio koda je onaj u kojem ce te vi tribat radit-di ce te vi postavljat svoje slike.Ja san evo ostavija u kodu moje prve tri slike iz animacije naslovne slike mog bloga.

kod prvi dil


Znan da se sad pitate o cemu ovaj govori pa cu van nastojat to malo pojasnit pomocu sljedece slike.Odmah na vrhu vidite da se ovaj kod postavlja u "body"vaše stranice na mjesto di želite da se nalazi ova vaša animacija izmjene slika(body zelenom bojom oznacen-nije dio koda zubo )
U prvoj stavci ovog dila koda nalazi se u SPAN-u nazovimo ga skladište kodova vaših slika.Upotrebljavate iste one kodove koje ste ranije vec upoznali za postavljanje slika u vaše postove.Kao što vidite je koristin kod koji sluši za postavljanje centrirane slike.U prvoj liniji zelenon bojon je oznacen onaj kod kojeg ste dobili na Tinypic hostingu o kojem je bila ric poviše.Za one koji ne znaju na kraju linije u navodnicima nalazi se ime slike koje ce se pojavit na webu prije nego se slika ucita...ovo ime ce te minjat po vlastitoj želji .Crvenom bojom je oznacena zadnja linija i pojedine linije u narednim stavkama koda.Kod dodavanja slika u kod najjednostavnije je copy / paste posljednje linije uz izmjenu samo koda slike u njenog imena na kraju linije.
Stavke 2 i 3 ovog dila skripte je mista su di slikama određujete njihov redosljed pojavljivanja u animaciji.

kod prvi dil objašnjenje


kako vidite svakoj slici pripadaju po dvi linije ovog dila koda......u istima je redni broj slike......ovde vidite onaj isti zeleni kod slike kojeg smo ranije spominjali kako i di ga je potrebno kopirat ,dok su opet crvenon bojon oznacene linije koje triba copy/paste za svaku pojedinu sliku koju dodajete.......uz napomenu da ovde kod dodavanja linija obvezno morate vodit racuna o izmjeni i rednog broja slike.
Stavka 4 ukazuje na crveni broj 3......ovo je dio koji regulira ukupan broj slika u kodu ......ovaj broj je potrebno izmjenit nakon svakog dodavanja slika......u koliko ne upišete tocan ukupan broj slika u animaciji ce se pojavljivat samo onoliko slika koliko ste odredili ovim brojem......isti broj je potrebno minjat i na dnu ovog dila koda( također crveno 3 u ovom slucaju).
Stavka 5 -misto di minjate brzinu izmjene slika u animaciji.....to jest koliko ce dugo slika bit vidljiva ( ovaj broj 20000 minjate onako kako želite)

U sljedecem - drugom dilu koda NE MINJAJTE NIŠTA, ovo je dil koda koji upravlja funkcijama animacije

kod dil drugi

kod dil drugi


sad je vaša animacija gotova i možete je postavit u vaš dizajn .....ali ( ah uvik ima ono ali ) ako želite ispod animacije imat upravljacku traku kakvu ja iman ispod ove moje naslovne animacije bloga onda se morate još malo potrudit te kodu nadodat dio koji ce kreirat ovakvu traku sa funkcijskim botunima:

upravljacka traka


ovo je dio koda di je dodana "tabla" upravljacke trake........ovde možete minjat imena (oznaceno plavom bojon) botuna na traci uz napomenu iako prminete ime botun ce zadržat svoju funkciju.......možete i uklanjanjam pojedinih dijelova table uklonit botune koje ne želite imat u traci.

upravljacka traka


I na kraju zelenom bolom je oznacen body kao još jedna napomena di tribate smistit ovaj kod.

Nadan se da san vas malo zaintrigira i da ce te se zabavit uz ovaj kod.......ma ako i ne uspijete od prvog puta tribate bit malo uporni .......a kako drugacije nešto novoga naucit....

Evo malo cu van još olakšat.....da ne morate prepisivat cili kod od znaka do znaka ovde ovaj isti iz opisa možete downloadirat ovde u docx ili ako više volite u txt formatu ......minjajte ga po uputama i uživajte u kodiranju thumbup

I na kraju moj standardni savjet - da nebi bilo headbang prije bilo kakvog minjanja vašeg dizajna istog kopirajte i spremite u svoje racunalo tako ako i ne uspijete iz prve dodat ovaj kod u vaš dizajn uvijeh imate mogucnost povratka na staro ........



Post je objavljen 01.10.2009. u 10:56 sati.