sábado, 24 de septiembre de 2016

Navegación por pestañas en Html5 y Javascript


Para ver en youtube clic aquí
(No olvides suscribirte)


Las pestañas

  Si tenemos mucha cantidad de texto u otros elementos en nuestra página, puede ser útil pensar en alguna forma de que nuestro contenido no se vea tan cargado y que a su vez permita a los visitantes una lectura menos "lineal", si no en su lugar permitirles interactuar con la página y darles la opción de elegir el contenido que deseen leer

Descargar código fuente

 Nota: Luego de hacer clic en el enlace, debes esperar unos segundos a que te salga el texto de "Saltar publicidad", debes hacer clic en ese botón y debería llevarte al archivo a descargar, si no es así comunícate con migo a través de un comentario 

Plantilla html  Este archivo es el html básico del cual partimos para empezar el tutorial



¡Ponte en contacto con migo!

  Si quieres pedirme algún tutorial que quieras o necesites, puedes hacerlo a través de mis redes sociales, o por un comentario de Youtube (Recuerda suscribirte) 



  

8 comentarios:

  1. oye como ago una pestaña en blogger pero que almacene videos

    ResponderEliminar
    Respuestas
    1. Igual, solo que en lugar de colocar los textos de ejemplo, pones tus videos, puedes usar la etiqueta

      Eliminar
  2. Muy buen trabajo. Me ha venido genial. ¿Podría hacerte algunas preguntas?

    ResponderEliminar
    Respuestas
    1. Todas las preguntas que desee, para eso esta el blog y el canal de youtube

      Eliminar
    2. Gracias por tu ayuda. ¿Podrías decirme cómo corregir el fallo que me da cuando le doy a la pestaña Gráfico? Me gustaría que el cuadro se ajustara al contenido cuando pulso en cada etiqueta.
      http://maxgloxar.com/wp-content/uploads/analisis/bond/CortoPlazo/TBOND%2010%20YEARS%20USA.html#
      Muchísimas gracias por tu ayuda.

      Eliminar
    3. Hola otra vez. Este fin de semana estuve cambiando la pantalla y tú no pudiste ver lo que te quería mostrar. Ahora lo he dejado para que lo veas bien. Disculpa.
      Me gustaría preguntarte si se podría hacer con botones como te pongo en la barra marrón oscura, en vez de usar pestañas, usar botones.
      Muchas gracias por tu tiempo.
      Max

      Eliminar
  3. ¿Cómo hacer este menú con las etiquetas o sustituyéndola?
    No sé cómo hacer para que cuando pulse en una opción de menú, muestre la información como con las etiquetas. ¿puedes ayudarme? Muchas Gracias desde Gran Canaria, Islas Canarias.
    Esta página html es la que quiero cambiar:
    http://www.maxgloxar.com/wp-content/uploads/analisis/ibex35/CortoPlazo/BBVA.html#

    Te ofrezco ayuda en bolsa, si estás interesado. De forma gratiuta.

    ResponderEliminar
  4. Parece que el software no me lo deja pegar. Te lo muestro aquí el menú que me gustaría poner a mi página web que te mostré: http://www.falconmasters.com/web-design/tutorial-menu-de-navegacion-fijo/

    ResponderEliminar