Comunidad de diseño web y desarrollo en internet online

Tutorial de Scroll para novatos...existe???

Citar            
MensajeEscrito el 07 Jul 2006 05:35 am
Hola:
Intento hacer un scroll fácil y sencillo, pero leo los tutoriales y no los logro comprender, quisiera saber si hay algun tutorial o alguién podría decirme como hacer uno que sea muy sencillo, no quiero utilizar el text area, así que alguna sugerencia???

Gracias!!!

Por F@by

23 de clabLevel



Genero:Femenino  

msie
Citar            
MensajeEscrito el 07 Jul 2006 09:13 am
Hola.

Para ello necesitas saber utilizar las máscaras.

1. Crea un cuadro de texto, con todo el texto necesario. Imagínate que el texto ocupa 20 líneas, y tu solo quieres que sean visibles 5.

2. Crea una máscara de capa encima de las 5 líneas visibles. Todo esto en el frame 1.

3. Haz un fotograma clave en el frame 2, y arrastra el texto hacia arriba para que se vean las 5 líneas siguientes (por ejemplo).

4. Crea otro fotograma clave en el frame 3, y arrastra el texto para que se vean las 5 siguientes. Repite los pasos para que se vean las siguientes.

5. Ahora selecciona el primer frame de la capa del texto y en el panel ActionScript inserta la acción stop.

6. Cuando ya hallas creado todos los fotogramas clave, crea una nueva capa que no esté vinculada a la máscara. En ella crea dos botones, "subir" y "bajar".

7. Selecciona el botón "subir" y en el panel de ActionScript asígnale la acción:

Código :

     on (release) {
       prevFrame();
     }


8. Selecciona el botón "bajar" y en el panel de ActionScript asígnale la acción:

Código :

     on (release) {
       nextFrame();
     }


9. En la capa donde se encuentran los botones, crea un fotograma hasta donde se extienda la película.

Y ya está. Para que lo veas te envío el archivo:

http://usuarios.lycos.es/ph7fx/scroll.fla

Un saludo.

usa las etiquetas code para postear tu codigo

Por seheng69

78 de clabLevel



 

San Sebastian-Donostia (España)

msie
Citar            
MensajeEscrito el 07 Jul 2006 02:45 pm
Gracias, si esto es esactamente lo que estaba buscando!!!!

Por F@by

23 de clabLevel



Genero:Femenino  

msie
Citar            
MensajeEscrito el 07 Jul 2006 11:54 pm
Mas facil todavía:
1- Hacé un MovieClip con la forma de la página que querés, toda a lo largo...
2- En la biblioteca mirá sus propiedades y exportala para Action Script. ponele un nombre de instancia.
3- Abrí la ventana de componentes y buscá y soltá sobre tu trabajo flash el Componente ScrollPane.
4- Dale la forma que quieras.
5- Seleccioná esa ventanita eas ventanita de Scrollpane que hiciste. En la solapa de Propiedades/Filtros/Parametros elegí parametros.
6- en contenido poné el nombre de instancia que tenía tu página MovieClip.
7- Las otras opciones son para ver que tan rapido baja el scroll y si usás scroll vertical, horizontal, ambos o automatico, etc.

Por Sebaslynx

237 de clabLevel

2 tutoriales

Genero:Masculino  

Mendoza, Argentina

msie
Citar            
MensajeEscrito el 08 Jul 2006 04:23 am
Aun más facil: Sin cambiar de frames:

1) Creas un mc que en el layer inferior tenga lo que sea el mc que vas a scrollear con el nombre de instancia "miscroll_mc" (si es un texto ponlo tambien en un mc) y en la superior una mascara (lo que quieres que se vea....) y a todo el clip le pones "panelscroll_mc" en el nombre de instancia.

2) Creas dos botones (fuera del mc) con los siguientes codigos:
Uno con:

Código :

on(release){
_root.panelscroll_mc.miscroll_mc._y = _root.panelscroll_mc.miscroll_mc._y+20
//Puedes cambiar Y por X y el salto que da XD
}


Y el otro con:

Código :

on(release){
_root.panelscroll_mc.miscroll_mc._y = _root.panelscroll_mc.miscroll_mc._y-20
}


......y listo !
Saludos :cool:

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox

 

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