Flashvortex
- 1. Colegio Particular “Francisca de las Llagas” Nombre: Glenda Proaño Curso: 1ero BGU “A” Fecha: 2014-12-27 Flashvortex 2014-2015
- 2. Definición • Es una página donde podremos encontrar menús en flash, banners, botones y texto animado que podremos agregar al blog y que además, nos permite personalizar los elementos. Lo que más me llamó la atención fueron los menús que ofrecen, en forma vertical y horizontal y con animación flash.
- 3. aracterística crear banners crear textos menús con hipervínculo s buttons
- 4. Pasos para hacer un Flashvortex • Paso 1 - Coloca el texto de los botones y los links. Texto de los botones: En esta parte debemos colocar el texto o el titulo de los botones que llevara el menú, si queremos agregar una categoría con sub-paginas colocamos un guion (-) antes del titulo. Se debe dejar una línea de espacio entre cada texto.
- 5. • Paso 2- Elegir y editar el tema de tu menú. Elegir el tema: Este paso lo podemos suprimir si el tema que posee el menú actualmente es el de tu preferencia, si quieres ver otros temas haz clic en el botón View All (Ver Todos) y seleccionas el nuevo tema. Ajustar el matiz del tema: Esta opción es para aumentar la intensidad de los colores en el menú, recomiendo dejar esto en 0 porque si le asignamos un valor le cambiara los tonos de los colores al menú.
- 6. • Tema de la ventana. Alineación del texto del titulo: Con esta opción podremos cambiar la alineación del texto que esta en el titulo de la ventana, se puede colocar a la izquierda, en el centro o a la derecha. Color del texto del titulo: Aquí se puede cambiar el color del texto del titulo de la ventana.
- 7. • Tema principal del botón. Alineación del texto: Aquí podremos cambiar la alineación del texto de los botones: izquierda, centrado o derecha. Color del texto en estado inicial: En esta parte podemos cambiar el color del texto de los botones que se ve inicialmente. Color del texto al pasar el mouse: Aquí se puede cambiar el color del texto que aparece al pasar el mouse sobre el botón. Color del texto de estado: Esta opción no es muy importante, se puede suprimir y dejarlo en blanco, sirve para cambiar el color del texto de estado del mouse.
- 8. • Tema del sub botón. Posee las mismas opciones de el tema principal del botón por lo cual no hace falta mencionarlo nuevamente. Con estas opciones podremos editar la apariencia del Sub botón que puede funcionar como Sub-pagina de una categoría.
- 9. • Paso 3 - Editar las opciones del diseño del menú. Relleno del menú completo: Con esta opción podemos elegir el tamaño del relleno del menú, recomiendo dejarlo en 2 pixeles. • Diseño de los botones principales. Ancho de los botones principales: Aquí podemos elegir el ancho de los botones en pixeles. Espacio vertical entre los botones: Con esta opción podremos modificar el espacio de separación entre cada botón.
- 10. • Diseño de los Sub Menús. Ancho de los Sub Menús: Aquí podemos modificar el ancho que tendrán los botones de los Sub Menús. Espacio vertical entre los Sub Menús: Este es el espacio que hay entre cada botón de un Sub Menú. Relleno de arriba de los Sub Menús: Con esta opción podemos elegir el relleno de la parte de arriba de los Sub Menús. Relleno de la izquierda de los Sub Menús: En esta parte se puede modificar el relleno de los Sub Menús en la parte izquierda.
- 11. • Animación de los Sub Menús. Velocidad de los Sub Menús: Con esta opción podremos elegir la velocidad de los Sub Menús. Dinámica de los Sub Menús: Aquí podemos elegir el efecto que tendrá el Sub Menú. Paso 4 - Editar las opciones de la ventana. Marco de la ventana de visualización: Esta opción nos permite desactivar o activar el marco de la ventana, recomiendo tenerlo activado. Titulo de la ventana: Aquí podemos colocar el titulo de la ventana del menú. Color de Fondo: Aquí podemos seleccionar el color de fondo que tendrá la ventana antes de cargarse.
- 12. • Luego de editar todo el menú hacemos clic en Generate Animation, esperamos a que cargue la pagina, copiamos el código y lo pegamos donde queramos que aparezca. Resultado: