Generador de menús animados

4 de abril de 2009 50 comentarios ,
Buscando un generador de banners animados me encontré con FlashVortex, un sitio que provee recursos web gratis y de pago. Entre las herramientas que ofrece están los menús animados; los menús están hecho en flash, por lo cual son bastante llamativos.

Para crear el tuyo sólo debes escoger el diseño y dar click en Click here to edit this. El paso uno te lo saltas, ya que anteriormente elegiste el diseño, así que ese lo dejas tal cual.
Pasamos al paso dos; en button labels escribe las categorías que tendrá el menú, en buttons should link to escribe la URL que corresponde a cada categoría del menú, target frames names déjalo vacio.
En el paso tres se puede modificar el espacio entre los botones, el margen, etc. ese lo puedes dejar tal y como está.
En el paso cuatro escoge el color de fondo del menú y la velocidad de animación. Ya terminado haz click en Generate Animation.
Ahora copia el código y pégalo en un elemento HTML/Javascript (ver cómo insertar elementos).
Queda así:



Este menú animado lo puedes usar para sustituir el que tienes en tus etiquetas, o para lo que se te ocurra. Ahí mismo puedes hacer banners en flash, botones o textos animados como este:




Enlace | Flashvortex


50 comentarios en:

" Generador de menús animados "

  1. Hola Potro, en el blog "tecnología para los que no sabemos", he visto los datos de tu favicón. Los he añadido en el mío, si te parece mal o no quieres, me lo haces saber. Perdona mi atrevimiento.
    Un saludo

    ResponderEliminar
  2. Hola Potro, pasé a conocer tu blog y a avisarte que ya estás en mi faviconera. Me encantó tu favicon animado! Bueno, seguramente me verás pronto por acá.
    Gracias.
    Saludos.

    ResponderEliminar
  3. Hola Inma,
    Te agradezco infinitamente que me hayas considerado para tu faviconera. En lo que pueda ayudarte estoy a tus ordenes.
    Saludos.

    ResponderEliminar
  4. Hola Sole,
    Mil gracias por agregarme y por pasar a mi blog, siempre serás bienvenida aquí.
    Si hay algo que pueda hacer por ti no dudes en pedirlo.
    Saludos.

    ResponderEliminar
  5. Hola, solo para agradecer por este gran sitio, es excelente por la gran información y practicidad.

    Walter

    ResponderEliminar
  6. Hola Walter Conejo, muchas gracias por tus comentarios.
    Saludos.

    ResponderEliminar
  7. Queda muy bonito, pero debajo del menú creado, sale una link horroroso a "flashvortex.com".

    Supongo que no se puede quitar, a no ser que tengas una cuenta, ¿no?

    ResponderEliminar
  8. Efectivamente se puede eliminar sólo siendo un usuario "premium".
    Es otro de los inconvenientes de este tipo de servicios =S

    Saludos.

    ResponderEliminar
  9. ya. En el reproductor de música que pongo en cada entrada, de imeem, puedes quitar el logo simplemente, cambiando el tamaño de la ventana, así dejas "fuera" el texto que no te interesa y dejando solo el botón "play" y el volumen. Pero en estas cosillas, como no puedes editar el tamaño, te aguantas con el logo del diseñador. En cierto modo, es justo, ¿no?

    ResponderEliminar
  10. Pues sí y no, hay servicios gratuitos que no te imponen un enlace o el nombre de su marca, incluso ponen la documentación para descarga por si alguien quiere editar los diseños a su antojo. Eso ya es decisión de cada empresa y estos decidieron dejarnos su nombre, así que habrá que aguantarnos a menos que alguien quiera pagar...

    ResponderEliminar
  11. Es una gran herramienta amigo, gracias por el aporte.

    ResponderEliminar
  12. Me alegro que les haya gustado :)

    ResponderEliminar
  13. Potro! ue debo hacer para juntar unos gadget al menú, algo asi :

    http://dl.dropbox.com/u/5834355/01.GIF

    http://dl.dropbox.com/u/5834355/02.GIF

    ResponderEliminar
  14. Pues tendrías que detectar el nombre del contenedor de esos gadgets y aplicar unos margenes para que se suba.

    ResponderEliminar
  15. ya tengo el los nombres de esos gadgets! como aplico margenes para q se suban?

    ResponderEliminar
  16. son estos :

    " #headline {
    width:650px;
    float:left;
    background:#3F3F3F;
    padding:7px 10px 9px 10px;
    font-size:1.05em;
    line-height:1.5em;
    margin:0;
    }

    #headline h2 {
    font-weight:bold;
    font:1.4em Arial ;
    background:#;
    letter-spacing:-0.05em;
    display:block;
    padding-bottom:5px;
    }

    #headline div.meta {
    display:block;
    margin-top:-5px;
    padding-bottom:2px;
    }

    #headline p {
    padding-bottom:150px;
    }

    #featured {
    width:300px;
    float:right;
    background:#CFCFCF;
    padding:7px 10px 9px 10px;
    }

    #featured .clearfloat {
    margin-top:7px;
    margin-bottom:8px;
    }

    #featured .info {
    margin-top:5px;
    padding-top:5px;
    float:right;
    width:180px;
    }

    #featured h2 {
    font-weight:bold;
    font:1.8em Arial;
    letter-spacing:-0.05em;
    display:block;
    padding-bottom:5px;
    }

    #featured h3 {
    font-weight:bold;
    }

    #featured li {
    list-style: none;
    }

    #headline a img, #featured a img {

    margin-top:5px;
    margin-right:10px;
    padding:2px;
    } "

    ResponderEliminar
  17. No sé cuál de esos sea el que contiene a esos dos gadgets, supongo que es el primero, de ser así cambia donde dice margin:0; por margin-top:-15px;

    Por cierto que, deberías considerar no usar esa plantilla, con sólo ver el código fuente (sin hacer nada más) el navegador me detectó que tu plantilla tiene arriba de 90.000 errores.

    ResponderEliminar
  18. :S Potro en que navegador dice eso, ami en firefox no me dectecta nada, solo en explore me dectea 1 error q dice argumento no valido :S

    ResponderEliminar
  19. no me asuste potro, toda esta semana no he estudiado bien por estar metido en la pc arreglando esta plantilla T_T

    ami no me marca errores en niguna pc, solo ese que te digo en xplore

    ResponderEliminar
  20. En Google Chrome, abrí el inspector de elementos para ver una parte del código fuente y empezó a hacer un análisis bastante largo, no lo terminé de ver pues tardó bastante tiempo, pero en ese lapso registró más de 90.000 errores, no sé cuántos más tendrá.

    Igual no hagas mucho caso, lo que importa es que compruebes que en todos los navegadores se ve bien.

    ResponderEliminar
  21. Potro en comenzado a enviar como loco a todos mis amigos el blog y se ve bien el google grome, en firefox y en explore que siempre me marca un error : argumento no válido, solo 1.
    bueno no tengo grome asi que noc como ver ese análisis!

    ResponderEliminar
  22. Pues si se ve bien quizá no tengas de qué preocuparte.

    ResponderEliminar
  23. Ok, potro por cierto como veo inspecciono para ver errores en google ghrome?

    ResponderEliminar
  24. Hola amigo, realmente tus explicaciones y espacio son fantásticos. Gracias.
    Estoy con un problema, me ayudas?
    He intentado colocar en uno de mis blogs, de trabajo, el menú flashvortex.com y a pesar de tener todas las entradas etiquetiadas, no consigo que salgan al clicar en el nuevo menú. Qué y cómo hago? Desde ya, gracias, un abrazo desde el sur, Jge

    ResponderEliminar
  25. Hola Español CAM,

    Cuando creas el menú ahí debes agregar los enlaces de las etiquetas o cualquier enlace que desees, pero eso se hace desde que creas y editas en menú en Flashvortex.

    ResponderEliminar
  26. excelente mijo esta super bacano me gusto mucho

    ResponderEliminar
  27. Qué gusto que ha sido del agrado de ustedes :)

    ResponderEliminar
  28. Espectacular!! me encantó este! HE APRENDIDO MUCHO, GRACIAS POR TU AYUDA.

    ResponderEliminar
  29. ¡Hola Potro!
    De nuevo por acá.
    Te pregunto, ¿habría alguna forma de eliminar la publicidad de abajo? O sea, quitar el flashvortex.com?

    Mil gracias.

    ResponderEliminar
  30. Pagando la membresia se elimina la publicidad.
    Saludos!

    ResponderEliminar
  31. hola, sabes si es posible modificar el tamañano de estos gadgets, cree un menu pero es demaciado pequeño para mi blog .

    agradezco tu respuesta

    ResponderEliminar
  32. Cuando creas el menú tienes la opción de cambiar el tamaño de los botones.
    Saludos.

    ResponderEliminar
  33. Potro, recibe un saludo, y paso a las preguntas
    baje el gif89.dll, para ver unos programas, pero las preguntas son en qué carpeta lo coloco? como lo registro, te agradezco que me orientes

    ResponderEliminar
  34. Hola, siento no poder ayudarte pero no conozco ese programa, es la primera vez que leo sobre él :(

    ResponderEliminar
  35. Gracias potro!!!!
    me ha encantado!!!!!!!

    ResponderEliminar
  36. buenas potro no se si me leistes en el comentario que te deje en la parte de configuraciuon de dominios ya que no eo mi comentario amigo, necesito una ayuda tuya.

    ResponderEliminar
    Respuestas
    1. Sí, te lo respondí ayer y hoy nuevamente. Si no lo ves haz click en "Cargar más..." para que aparezcan todos los comentarios.
      Si usas Internet Explorer entra desde otro navegador, porque en Explorer no están funcionando los comentarios anidados en este blog.

      Saludos.

      Eliminar
  37. si hermano ya lo vi tenia que darle a cargar mas no lo habia detallado bien, gracias te deje otro comentario

    ResponderEliminar
  38. Estimado Potro. te hago una consulta: estoy usando esta pagina flashvortex. Esta buenisima, el punto es el siguiente, en el codigo avanzado, me para cambiar el tamaño, al menos eso intento, pero no se produce ningun cambio en la pagina, probe pegarlo antes de body y antes de skin, pero no pasó nada diferente, me podrias decir donde va en el html el codigo ese..Paste the HTML code snippet into your web page's HTML code. Muchas grcaias

    ResponderEliminar
  39. Tal vez sea porque es flash... lo puse en head en skin en body en ningun lado se genera cambios...

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="660" height="41">
    <param name="movie" value="flashvortex.swf" />
    <param name="quality" value="best" />
    <param name="menu" value="true" />
    <param name="allowScriptAccess" value="sameDomain" />
    <embed src="flashvortex.swf" quality="best" menu="true" width="660" height="41" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="sameDomain" />
    </object>

    ResponderEliminar
    Respuestas
    1. Hola De algún rincón de este mundo, ese código va dentro de un elemento HTML/Javascript, es decir, entrar a Diseño > Añadir un gadget > HTML/Javascript.

      Eliminar
  40. Ellos te dan el java y ese html, si lo pongo en javascript como gadget no se ve nada.. se ve un recuadro blanco, pero grande que es lo que yo quiero. Agrandarlo. Yo tengo el javascript que es este, al cual no le puedo cambiar ningun tamaño
    <center><script src="http://h2.flashvortex.com/display.php?id=2_1330955814_24767_134_0_660_41_6_2_4" type="text/javascript"></script></center>

    ResponderEliminar
    Respuestas
    1. Pues usa ese último, de todas formas el tamaño sólo puedes cambiarlo desde la página del sitio, porque desde el código lo recorta, no lo reajusta.

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger