zanimljivosti

moj blog

Prijava






Zaboravili ste šifru?
Ako još nemate Korisnički račun, možete ga kreirati ovdje.

ONline korisnici

Gostiju online: 23

Rođendan

NEMA!!!

Naslovnica arrow dreamweaver arrow LAYERS: izrada navigacijske trake

Blic Vijesti

jos jedan mali upload... evo poceo sam pisati i svoj "blog" samo da bi vam priopcio tko sam, sto radim /cime se bavim/ sto volim, a sto ne...
 
LAYERS: izrada navigacijske trake Ispis E-mail
Ocjena: / 0
LošeOdlično 
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...

  1. 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]
  2. sada u prostor za linkove upišemo naše linkove [vidi primjer 2]
  3. 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...
      layer
      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
  4. kada ste to sve napravili otvorite BEHAVIORS panel (Shift+F3)
    behaviors zatim svakom linku upišite "blank link" odnosno #
    blank link
    zatim kliknite na link kojenu želite pridodati layer, npr. dreamweaver
    označite link i kliknite na + u BEHAVIORS meniu i pronadjite SHOW-HIDE LAYERS
    show-hide layers
  5. odredite parametre vidljivosti layera
    show-hide layers
    dakle, dreamweaver će biti vidljiv, a ostali će biti sakriveni
  6. odredimo EVENT ili kako želimo da se uključuje ta opcija
    behaviors ukoliko želimo promjeniti EVENT kliknemo na strelicu izmedju EVENTS i ACTIONS i promjenimo onClick u onMouseOver ili slično


  7. defoultne (osnovne) postavke layera postavite "VIS = HIDDEN", odnosno vidljivost prilikom pokretanja stranice "sakriveno"
  8. korake 4-6 ponovimo za svaki link posebno i trbali biste dobiti nešto slično kao [vidi primjer 4]
  9. kada ste to sve napravili kliknite unutar layera i dodajte tablicu, te u tablicu upišite linkove [vidi primjer 5]
  10. ... i navigacijska traka je gotova...
Zadnja Promjena ( Utorak, 17 Ožujak 2009 )
 
« Prethodna   Sljedeća »
eXTReMe Tracker

| www.pogledaj.net ® | part of www.w84.org ® community | design by dean2001 © 2010 pogledajNET - All Rights Reserved |
| powered by joomla | crojoomla | theme based on RocketTheme |