Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Spletni meni v Flashu

Delite vsebino na Facebooku
Delite vsebino na Twitterju
  V Flashu bomo ustvarili podobne spletne menije, kot je bilo že prikazano v lekciji za Dreamweaver. Le da imate tukaj več možnosti.
 
 
1
 
 
Odprite novi dokument.

Za tip dokumenta izberite Flash File (ActionScript 2.0). Nato z desno miškino tipko kliknite na prazen dokument in izberite Document Properties...Poljubno nastavite fps-je in velikost dokumenta.

Poglejte si lekcijo za Dreamweaver.
 
 
2
 
 
Najprej narišite poljuben lik...Lahko izberete pravokotnik, krog, karkoli pač želimo.

Ta lik bo predstavljal gumb, iz katerega se bo prikazal meni.
Jaz sem narisal pravokotnik s Corner radius "10" (to lastnost nastavimo v oknu Properties.

Kot
Fill color sem izbral zeleno, za Stroke color pa črno barvo. V oknu Properties sem označil tudi Stroke hinting. Za velikost pravokotnika sem izbral 130×40.
 
 
3
 
 
Sedaj izberite cel lik(vključno z robovi) in pritisnite F8 (Convert to Symbol).

V polje napišite
menu button. Za Type izberite Movie Clip. Kliknite OK.
 
 
4
 
 
Dvokliknite na nanovo ustvarjen simbol. Sedaj ste "v" simbolu. Z desno tipko kliknite na frame 2 in izberite Insert Keyframe.
 
 
 
 
 
5
 
 
Sedaj izberite frame 1 in nanj kliknite z desno miškino tipko. Nato izberite Actions.

Notri vpišite:
stop();

Ponovite enako za frame 2; vpišite naslednjo kodo pod Actions:
stop();
 
 
6
 
 
V frame-u 2 dodate elemente menija...

Jaz sem dodal 4 temno rdeče pravokotnike, za
Corner radius pa sem izbral -4. Vi lahko narišete like po svoje.
 
 
7
 
 
Sedaj označite en lik(enega od teh, ki ste ga sedaj narisali). Označite ga skupaj z robovi(če jih seveda imate)!

Z
daj kliknite na ozančeni lik z desno miškino tipko in izberite Convert to Symbol...(bližnjica je tipka F8). Za Name(Ime) vpišite menu item 1, pod Type pa izberite Button. Kliknite OK.
 
 
8
 
 
Sedaj ponovite korak 6 za vse ostale elemente menija(za ime spremnijajte samo številko).

V simbol pretvarjajte vsakega posebej!
 
 
9
 
 
Ko končate s korakom 8, kliknite Scene 1, da vas popelje v Main Scene.
 
 
10
 
 
Označite Movie Clip z Selection Tool(bližnjica je tipka "V"). Ne dvokliknit na Movie Clip, ampak ga samo označite(enojni klik)!
Nato desni klik na Movie Clip in izberite
Actions.
V polje vpišite naslednjo kodo:
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
this.gotoAndStop(2);
} else {
this.gotoAndStop(1);
}
}

 
 
11
 
 
Sedaj seveda lahko v like vpišete črke, številke itd. Za vsak menu item to naredite tako, da vstopite v movie clip(dvoklik nanj) in v frame-u 2 s Text tool-om napišete kaj v menu item.

V
menu button pa to lahko vpišete že v Scene 1.

 
 
12
 
 
Končali smo! Svoj izdelek preizkusite s kombinacijo tipk Ctrl + Enter. Zabavajte se =)
 
 
Komentiraj
 
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!