1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Tutorial Menú Html5 Css3 & JQuery

Tema en 'Tutoriales de HTML y CSS' comenzado por KaoruMishimaru_20, 4 de Septiembre de 2015.

  1. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    [​IMG]
    Menú HTML5 CSS3 & JQuery
    Después de 3 días sin poder publicar nada (Ya que nadie me respondió, excepto uno :D) Voy a publicar este menú.

    Tengo un demo en Codepen, pero sin los iconos. Así que verlo mejor, es preferible que se descarguen los archivos.

    Menú hiper sencillo, nada de otro mundo. Suerte y les dejo el codigo, no escribo mas a ver si me pasa lo mismo que antes :p

    Bueno que se yo, al parecer no voy a poder publicar el codigo, asi que van a tener que descargarlo :p

    Error: http://i.imgur.com/M7GsA1A.png

    Demo: http://codepen.io/KaoruMishimaru/pen/KdwBXo
    Descarga: https://mega.nz/#!ckwFiQZQ!G12qhWr6C783seHImrISj2Nf4LBc67eEwfuZ6QgtS4w
     
  2. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    Muy Bueno Amigo!
    Gracias.
     
    A AngelKrak y KaoruMishimaru_20 les gusta esto.
  3. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
  4. CG21Editor

    CG21Editor Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    121
    Me gusta recibidos:
    16
    Puntos de trofeos:
    18
    Género:
    Hombre
    Gracias Atí! Tu Eres El Creador Amigo!
     
    A KaoruMishimaru_20 le gusta esto.
  5. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    774
    Me gusta recibidos:
    330
    Puntos de trofeos:
    63
    Género:
    Hombre
    Gracias por el tutorial, sigue así.
     
    A KaoruMishimaru_20 le gusta esto.
  6. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
  7. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.111
    Me gusta recibidos:
    495
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    esta bueno amigo aun que no me gusta mucho que el menú(botón) esta en medio y se habrá así :/
    sigue mejorando (Y)
     
    A KaoruMishimaru_20 le gusta esto.
  8. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @AngelKrak Sabes lo que pasa, eso se puede cambiar. Anteriormente estaba en un costado de la pantalla. Pero Codepen no me deja usar los Iconos de IconMoon, entonces tuve que posicionarlo ahi y dibujar el icono. ¿Queres que te de el codigo normal con el boton en el costado?
     
  9. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    [​IMG]

    Yo cree este menú anteriormente en mi pagina, pero lo que pasa es que como te digo, lo tuve que hacer diferente.

    @AngelKrak
     
  10. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.111
    Me gusta recibidos:
    495
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    esta bien asi amigo pero fijate en el menu responsive porque tapa ese boton ;)
     
    A KaoruMishimaru_20 le gusta esto.
  11. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    861
    Me gusta recibidos:
    484
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    [​IMG]

    Necesitas verificar tu email en codepen.

    Gracias por el aporte, te quedó bien!
     
  12. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @AngelKrak Creo que no dije que era responsive. Aunque lo tendría que haber hecho, pero nunca lo dije así que nop :D
     
  13. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @Maddenamy Ooops! Me re olvide de eso! Ahora lo hago :)
     
  14. AngelKrak

    AngelKrak Miembro conocido

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.111
    Me gusta recibidos:
    495
    Puntos de trofeos:
    83
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    jajajaja eso si no lo dijistes pero tu contenido se va haciendo mas pequeño al achicar la Pantalla asi que en parte es Responsive jajaja xD
     
    A KaoruMishimaru_20 le gusta esto.
  15. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    @AngelKrak Jajaja, no lo es ewe si no tendría que poder adaptarse bien ah
     
  16. FalconMasters

    FalconMasters
    Administrador
    Miembro del Equipo

    Se incorporó:
    6 de Enero de 2015
    Mensajes:
    392
    Me gusta recibidos:
    319
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    Diseñador Web
    Página web:
    Wow te quedo excelente!
    felicidades!
     
    A KaoruMishimaru_20 y AngelKrak les gusta esto.
  17. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Gracias Falcon!

    Enviado desde mi GT-S5301L mediante Tapatalk
     
  18. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    861
    Me gusta recibidos:
    484
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
  19. KaoruMishimaru_20

    KaoruMishimaru_20 Miembro conocido

    Se incorporó:
    11 de Agosto de 2015
    Mensajes:
    505
    Me gusta recibidos:
    317
    Puntos de trofeos:
    63
    Género:
    Hombre
    Ocupación:
    KaoruMishimaru
    Localización:
    Argentina, Buenos Aires, La Plata
    Página web:
    Si, veo tanta inactividad en la web que ya no los tengo, pero desde Codepen podes
     
  20. Maddenamy

    Maddenamy Miembro conocido

    Se incorporó:
    9 de Enero de 2015
    Mensajes:
    861
    Me gusta recibidos:
    484
    Puntos de trofeos:
    63
    Ocupación:
    Estudiante
    Localización:
    México
    Página web:
    Esa es una mala manera de hacer las cosas, no estas aprendiendo o entendiendo el código, sólo lo estas copiando el trabajo de otros, por eso surgen las dudas mas simples y no aprendiste nada.

    El archivo lo puedes llamar como quieras y ponerlo donde quieras, si entendiste el código sabrás hacerlo...
     

Comparte esta página