| HTML |
|---|
Folytatjuk a Flash megismerĂ©sĂ©t. A mai Ărásunkban megnĂ©zzĂĽk, hogyan tudjuk a hangokat háttĂ©rzenekĂ©nt Ă©s effektekkĂ©nt felhasználni. Rovatunk a Merlin StĂşdiĂł segĂtsĂ©gĂ©vel kĂ©szĂĽlt. |  |
| |
| |
| |
| |
|
| Távtan |
|---|
| Webesztétika |
| | Tech |
|
| HĂrfolyam |
|---|
14:42
| 14:41
| 14:40
| 14:38
| 14:36
| 13:44
|
|
|
|
Flash II.
Munkatársunktól
2005 March 06, Sunday
Folytatjuk a Flash megismerĂ©sĂ©t. A mai Ărásunkban a szimbĂłlumok használatát, gombtechnikákat Ă©s egy Ăşjabb link lehetõsĂ©get mutatunk be. Rovatunk a Merlin StĂşdiĂł segĂtsĂ©gĂ©vel kĂ©szĂĽlt.
|
Most a több állapotĂş gombok rajzolását fogjuk bemutatni. Elõször is a gombkĂ©pnek hozzunk lĂ©tre egy grafikai szimbĂłlumot. Erre azĂ©rt van szĂĽksĂ©g, hogy a gomb állapotok jelzĂ©sĂ©hez használhatjuk a mĂşltkori adásban tanult pĂ©ldányjellemzõket. Rajzoljunk egy tĂ©rhatásĂşnak látszĂł gombot. KezdjĂĽk egy tĂ©glalappal, melynek kitöltĂ©se lineáris. Az átmenetet forgassuk el Ăşgy, mintha a bal felsõ sarok felõl esne rá fĂ©ny. Kicsit hĂşzzuk kintebb az átmenet szĂ©lĂ©t, hogy ne legyen fehĂ©r a tĂ©glalap sarka. GörbĂtsĂĽk meg a tĂ©glalap kĂ©t szĂ©lĂ©t. JelöljĂĽk ki az egĂ©szet Ă©s foglaljuk csoportba. Erre azĂ©rt van szĂĽksĂ©g, mert a gomb belseje is ugyanilyen alakzat lesz 180 fokkal elfordĂtott átmenettel Ă©s csak csoportosĂtott objektumokat tudunk egy rĂ©tegen belĂĽl egymás elĂ©/mögĂ© vinni, illetve egymáshoz kĂ©pest igazĂtani. Duplikáljuk a csoportot, majd kicsinyĂtsĂĽk le a kĂvánt mĂ©retre. Dupla kattintással menjĂĽnk bele a csoportba, Ă©s forgassuk el 180 fokkal az átmenetet. LĂ©pjĂĽnk vissza a csoportbĂłl Ă©s igazĂtsuk mindkĂ©t gombot a rajzterĂĽlet közepĂ©re. Most kĂ©szĂtsĂĽnk árnyĂ©kot a gomb mögĂ©. Duplikáljuk a felsõ csoportot, majd dupla kattintással menjĂĽnk bele. MĂłdosĂtsuk a kitöltõ Ă©s a szegĂ©lyszĂnt feketĂ©re, majd adjuk ki a Modify menĂĽ Shape - Soften fill edges parancsot! Ez a parancs az általunk megadott pixelszĂ©lessĂ©gĂ», egyre átlátszĂłbb vonalsereget rajzol a kijelölt objektum körĂ©. LĂ©pjĂĽnk ki a csoportbĂłl, kĂĽldjĂĽk hátra az árnyĂ©kot, mozgassuk a helyĂ©re, Ă©s állĂtsuk be a mĂ©retĂ©t is. Most jön a gombkĂ©szĂtĂ©s! Hozzunk lĂ©tre egy Ăşj szimbĂłlumot, melynek a tĂpusa gomb! A gombszimbĂłlum 4 kockábĂłl áll: Up: A gomb alapĂ©rtelmezett, felengedett állapotábĂłl, Over: Rámutatáskori állapotábĂłl, Down: Rákattintáskori állapotábĂłl, Hint: Ă©rzĂ©kelĂ©si terĂĽletbõl. HelyezzĂĽk el az elõbb rajzolt gombkĂ©p szimbĂłlumunk egy pĂ©ldányát az Up kockán. A kockát másoljuk fel a vágĂłlapra Ă©s illesszĂĽk be az over Ă©s a down kockákra. Az over kockán a gombkĂ©p szimbĂłlumnak növeljĂĽk a fĂ©nyerejĂ©t, a down kockán levõt pedig szĂnezzĂĽk át. TĂ©rjĂĽnk vissza a fõ idõvonalunkra. Az elõzõ adásban lĂ©trehozott szövegeket helyezzĂĽk át olyan helyre, ahol jobban látszanak a mögĂ©jĂĽk tett gombok. A mögöttĂĽk lĂ©võ rĂ©tegre illesszĂĽk be a gomb szimbĂłlumpĂ©ldányokat! Egy kis igazĂtás, mĂ©retezĂ©s, Ă©s máris kĂ©sz van a gombsor. A linkek lĂ©trehozására a mĂşlt alkalommal már bemutattunk egy lehetõsĂ©get, amikor a szövegbõl kĂ©szĂtettĂĽnk linket. A másik megoldás, hogy a gombhoz rendelĂĽnk egy akciĂłt, amely megnyitja a kĂvánt cĂmĂ» lapot. Ehhez jelöljĂĽk ki a gombot, majd az actions panelon kapcsoljunk normál mĂłdba Ă©s kattintsunk a get URL parancsra. A dialĂłgusablakban beállĂthatjuk a cĂmet Ă©s azt is, hogy a hivatkozott lap Ăşj ablakban nyĂljon meg. A Ctrl-F12 billenytĂ»kombináciĂł segĂtsĂ©gĂ©vel az eredmĂ©nyt megnĂ©zhetjĂĽk az aktuális böngĂ©szõprogramunkban!
|
|
|
Kedves Olvas�! Jelentkezzen be �s akkor egy kattint�ssal nyithat a cikkhez f�rumos t�m�t. |
,
Távtan 
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!