Comunidad de diseño web y desarrollo en internet online

ayuda con menu flash

Citar            
MensajeEscrito el 18 Abr 2007 04:00 pm
buenas... estoy queriendo hacer un menu que alguna vez vi por estos foros, pero ahora no lo encuentro :( ... la idea del menu es que hay varios botones uno encima del otro (como si estuvieran apilados) y cuando te posas sobre un, éste se corre hacia arriba y se agranda, dejando más espacio como para explicar de que se trata, por ejemplo.
No se si se entiende bien, lo que trato de hacer es que estén todos apilados y a medida que pases por encima de ellos se vayan moviendo dejando al boton activo más desplazado con lugar para poner de que se trata

si alguien me puede ayudar estaría de pelos, en serio... jeje

te ves al rato

... MAR ...

Por schweizer

22 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 19 Abr 2007 07:08 am
Hola schweizer,

Yo lo que haria es tratar en MC diferentes los estados, por ejemplo, hacer un MC y escribir el codigo para los eventos onRollOver y onRollOut, para hacer la animacion: Si paso el mouse por encima se mueve hacia arriba el boton y deja ver lo que hay debajo (tu texto explicativo) y si saco el mouse del boton, se vuelve a su posicion original ocultando la descripcion del boton.
Luego una vez hecho esto, lo acomodas en el cuadro de trabajo y le das un nombre de Instancia, cuando tenes el menu armado, creas un boton vacio por cda boton del menu, de modo que cuando le programes los eventos al boton vacio, estos hagan referencia a la Instancia que creaste con el efecto onRollOut y onRollOver.
Espero haber sido de ayuda, cualquier cosa avisame, y veo de armarte algo de ejemplo.
Saludos.

devc

Por devc

56 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 24 Abr 2007 12:32 pm
como andas devc?? disculpá la demora, pero estuve fuera unos días por problemas personales... =s
la verdad es que no entendí la parte del boton vacio... hasta ahí viene de diez, pero no logro entender la utilidad del boton vacio para lograr la segunda parte del efecto.
gracias

Por schweizer

22 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 27 Abr 2007 04:14 am
Hola!

Es asi, como la animacion con el onRollOver y onRollOut es parte de un mc animado, lo que hace un boton vacio (cuando lo creas sin nada adentro, te deja ver un recuadro transparente, eso en flash, es un boton vacio), es vincular las funciones de onPress con el mc animado correspondiente.
Es medio complicado de explicar (o no se me ocurre la forma), asi que trato de dibujarlo en ASCII.
Antes voy a definir simbolos asi me entendes bien:

/ = esto representan un frame
---> = Interpolacion de movimiento
º = significa que tiene codigo en ese frame

bien veamos...
Tenes una animacion con efecto asi:

************
====* boton *======
************

cuando pasas el mouse por encima, hace esto:

************
* boton *
====************=====
hola!

si sacas el mouse vuelve a la primera posicion anterior (reposo).

en el MC tenes armado lo sieguiente:

º º
/----------------------------->/

en ambos º tenes un stop();

entonces, yo haria lo siguiente:

primero pongo en una capa el mc animado con el efecto que queres hacerle, y luego sobre la misma capa pero encima del mc animado el boton transparente y le pones un nombre de instancia, por ejemplo, btn_invisible. Y desde ahi controlas la animacion del mc anterior.
por ejemplo:

btn.invisible.onRollOver = function() {
// aca pones el codigo que ejecuta la animacion de desplazamiento
}

btn.invisible.onRollOut = function() {
// aca pones el codigo que la vuelva a la posicion original
}

Espero haber sido claro, ya que no se me ocurrio de otra forma...jaja.
Un abrazo y suerte!

devc

Por devc

56 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Abr 2007 04:17 am
se tomo mal esto:

º º
/----------------------------->/

en realidad el codigo va en los extremos de cada frame en la interponlacion (arriba de las barritas inclinadas) ;)

devc

Por devc

56 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Abr 2007 04:18 am
otra Fe de errata (y van dos...):

Esto que escribi:

btn.invisible.onRollOver = function() {
// aca pones el codigo que ejecuta la animacion de desplazamiento
}

btn.invisible.onRollOut = function() {
// aca pones el codigo que la vuelva a la posicion original
}

es asi:

btn_invisible.onRollOver = function() {
// aca pones el codigo que ejecuta la animacion de desplazamiento
}

btn_invisible.onRollOut = function() {
// aca pones el codigo que la vuelva a la posicion original
}

Por devc

56 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Abr 2007 01:01 pm
muchas gracias, recién ahora lo estoy probando... =s estuve muy complicado esta semana... pero ahora me pongo a probarlo... muchas gracias

... MAR ...

Por schweizer

22 de clabLevel



Genero:Masculino  

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.