Come fare questo menu?

[attimodieterno]

Ciao ragazzi,
sono nuova del forum, volevo chiedervi se qualcuno di voi sapeva come si può creare un menu simile a questo: http://www.downloads-templates.com/D...tes/300110231/
Mi piace molto l'animazione ma non riesco a capire come ricrearla.

Grazie in anticipo

[Mircodj]

non è difficile da fare...
ti faccio un esempio tra poco che sono impegnato..
ciao a presto

[Mircodj]

ecco come promesso l'esempio...
saluti

www.graphicsolution.it/menu.rar

[attimodieterno]

Mircodj non ho parole, ti ringrazio moltissimo.
Ti chiedo un ultimo favore se naturalmente non ti pesa troppo... Potresti farmi una piccola spiegazione dell'action script? Oppure come hai proceduto nel creare il menu.
Grazie ancora infinitamente

[Tiziano1974]

scusate se mi intrometto il sito è veramente carino, quello che vorrei chiedervi e come impostare la dimensione della pagina e conseguentemente cosa si deve impostare in flash perchè sia a tutta pagina.
Scusate l'intromissione ma ve ne sarei grato se me lo spiegaste
Tz

[Mircodj]

rispondo prima attimodieterno

allora ti spiegherò nel modo più comprensibile come ho costruito il menu.

sulla root principale ho creato un rettangolo con bordi arrotondati, l'ho convertito in simbolo e gli ho dato un nome istanza come "menu".

all'interno del mc menu ho creato altri 3 pulsanti ognuno su u livello separato con colore diverso..

ho convertito ogni pulsante in movieclip ed ho dato come nome istanza ai 4 bottoni

btn1
btn2
btn3
btn4

utilizzando una libreria per le animaziozoni che importo su un livello separato in questo modo

import com.mosesSupposes.fuse.*; 

dopo aver importato la libreria la istallo in questo modo

ZigoEngine.simpleSetup(Shortcuts, PennerEasing, Fuse, FuseFMP); 

a questo punto puoi animare i tuoi oggetti come vuoi..

ad ogni bottone ho associato 2 funzioni la quale una viene richiamata al passaggio sopra del mouse la seconda quando esco fuori al bottone con il mouse

btn1.onRollOver=function(){
ZigoEngine.simpleSetup(Shortcuts, PennerEasing, Fuse, FuseFMP);
//quando mi trovo sul btn1 sposto gli altri bottoni di circa 10 px in su
ZigoEngine.doTween (btn2,'_y',35,1,"easeOutExpo");
ZigoEngine.doTween (btn3,'_y',81,1,"easeOutExpo");
ZigoEngine.doTween (btn4,'_y',130,1,"easeOutExpo");
//all'interno del btn1 ho creato una semplice animazione di movimento sulla sritta del bottone

//al fotogramma uno ho messo uno stop in modo che la scritta sia ferma quando non sei sopra //al btn
//al fotogramma 2 ho fatto un animazione di movimento sul testo che si sposta a destra
//che richiamo in questo modo
btn1.gotoAndPlay(2);
//al fotogramma 9 c'è un stop che mi ferma il testo spostato a destra
} 

adesso quando esco fuori dal btn con il mouse faccio le stesse cose come prima spiegato solo che questa volta riporto i bottoni nella posizione originale

btn1.onRollOut=function(){
ZigoEngine.simpleSetup(Shortcuts, PennerEasing, Fuse, FuseFMP);
ZigoEngine.doTween (btn2,'_y',46,1,"easeOutExpo");
ZigoEngine.doTween (btn3,'_y',93,1,"easeOutExpo");
ZigoEngine.doTween (btn4,'_y',140,1,"easeOutExpo");
//in questo caso mi sposto al fotogramma 10 dove c'è l'animazione che mi riporta il testo del //bottone a destra come nell'originale

_root.menu_prova.btn1.gotoAndPlay(11);

} 

e il gioco è fatto ripeti le animazioni per il btn2 btn3 e btn4 e hai realizzato il tuo menu il tutto in 10 minuti di lavoro...
spero di essere stato chiaro
ciao e buona domenica

[Mircodj]

ciao tiziano...

per poter gestire un sito a tutta pagina esistono dei procedimenti da seguire...

come prima cosa da sapere è che tu in flash puoi usare l'oggetto Stage alla quale puoi associare un listner che ascolta il ridimensionameno della bagina e ti posiziona gli oggetti...

cosa significa...
cerco di spiegarlo in parole semplice senza usare temini tecnici.

se tu hai un sito mettiamo caso di 1000 px di larghezza e 400 px di altezza e vuoi posizionare al suo centro un movieclip istanziato "pippo".

la cosa naturale che faresti è questa
[php]
pippo._x=500
pippo._y=200
[php]

in questo caso però lavori con dimensioni assolute nel senso anche se ti trovi su di un monitor con risoluzioni alte il tuo rettangolo non sarà più al centro ma lo vedrai a sinista in confrono al monitor.

se invece posizioni l'oggetto in questo modo

pippo._x=Stage.width/2;
pippo._y= Stage.height/2; 

il tuo rettangolo sarà sempre al centro su qualsiasi risoluzione lo vedrai.

ecco che quindi conviene non usare le posizioni assolute, ma usare l'oggetto Stage per posizionare gli oggetti.

Adesso l'ultima cosa che devi sapere è che all'oggetto stage devi associare un listner che ascolta il ridimensionamento della pagina e in base alla larghezza e all'altezza che assume lo stage ti posiziona gli oggetti

#include "lmc_tween.as"
Stage.align = "TL";
Stage.scaleMode="noscale";
_quality="BEST";
// --




_global.setStagePrin = function() {
    slisPrin = new Object();
    slisPrin.onResize = function() {
//imposto le dimensioni del clipo sfondo al fine di adattarlo alla pagina
        
        //posiziono pippo
        pippo._x=Stage.width/2;
        pippo._y=Stage.height/2;
        

        
    };
//aggiungo il listner
    Stage.addListener(slisPrin);
//associo la funzione al resize
    slisPrin.onResize();
};
//richiamo la funzione che si attiva al ridimensionamento dello stage
setStagePrin(); 

in questo modo avrai sempre siti che si adattano alla pagina
In caso di problemi contattami
ciao

[Tiziano1974]

#include "lmc_tween.as"
questo è da escludere immagino...
quello che mi piacerebbe è realizzare qualcosa di analogo...http://www.adobe.com/brilliant/ in cui la parte centrale si espande a tutto schermo mentre la parte principale del sito rimane centrata.
Grazie
Tiziano

[Mircodj]

ecco un lavoro che sto facendo guarda

www.graphicsolution.it/miwa

la foto sopra si espande atutto schermo il menu io lo tengo allineato a sinistra ma potresti anche centrarlo..

[Tiziano1974]

bello e chiaro.
è possibile non fargli aprire la pagina come avviene nel tuo caso?
ciao
tz