|
LAYERS: izrada navigacijske trake |
|
|
|
Administrator
|
|
Ponedjeljak, 18 Veljača 2008 |
sada kada znamo kako postaviti layer na stranicu, krenimo sa navigacijskom trakom...
| LAYERS: izrada navigacijske trake | sada kada znamo kako postaviti layer na stranicu, krenimo sa navigacijskom trakom... - za početak napravimo neki dizajn stranice, npr. sajt širine 750 pixela, sa nekom logom visine 100 pixela i ispod njega navigacijska traka sa linkovima visine 20 pixela [vidi primjer 1]
- sada u prostor za linkove upišemo naše linkove [vidi primjer 2]
- zatim napravimo 5 layera (koje ćemo poredati po linkovima) i odrediti im mjesto gdje će se nalaziti [vidi primjer 3]
- dakle, pošto imamo 5 linkova, a širinu sajta 750 pixela, svaki prostor za link će nam biti širok 150 pixela (jer 150x5=750), tako da ćemo layerima odrediti slijedeće parametre:
- dreamweaver (zeleni layer) L=0; T=120
- corel (plavi layer) L=150; T=120
- javascript (crveni layer) L=300; T=120
- flash (žuti layer) L=450; T=120
- photoshop (ljubičasti layer) L=600, T=120
- visinu layera ćemo postaviti na 20 pixela i dati im opciju
"OVERFLOW->VISIBLE" ili u prijevodu "proširi se koliko ti treba prostora" tom opcijom omogućavamo da nam layeri ne budu predugački - kako i primjećujete lajeri su pomaknuti za 150 pixela svaki, dakle "L" udaljenost od lijevog ruba za svaki layer je" udaljenost prethodnog + 150 pixela), dok je udaljenost "T" od vrha ekrana uvijek 120 pixela jer imamo dizajn visine dijela za logo 100 pixela i visine za linkove 20 pixela, dakle, ukupno 120 pixela od vrha...
sada biste trebali imati nešto kao na primjeru 3 - naravno, još MORATE svaki layer nazvati nekim logičkim imenom (po mogućnosti bez razmaka i HR znakova
- kada ste to sve napravili otvorite BEHAVIORS panel (Shift+F3)
zatim svakom linku upišite "blank link" odnosno #
zatim kliknite na link kojenu želite pridodati layer, npr. dreamweaver označite link i kliknite na + u BEHAVIORS meniu i pronadjite SHOW-HIDE LAYERS
- odredite parametre vidljivosti layera
dakle, dreamweaver će biti vidljiv, a ostali će biti sakriveni - odredimo EVENT ili kako želimo da se uključuje ta opcija
ukoliko želimo promjeniti EVENT kliknemo na strelicu izmedju EVENTS i ACTIONS i promjenimo onClick u onMouseOver ili slično
- defoultne (osnovne) postavke layera postavite "VIS = HIDDEN", odnosno vidljivost prilikom pokretanja stranice "sakriveno"
- korake 4-6 ponovimo za svaki link posebno i trbali biste dobiti nešto slično kao [vidi primjer 4]
- kada ste to sve napravili kliknite unutar layera i dodajte tablicu, te u tablicu upišite linkove [vidi primjer 5]
- ... i navigacijska traka je gotova...
| |
|
Zadnja Promjena ( Utorak, 17 Ožujak 2009 )
|