Cómo crear una barra lateral flotante en una página que sea amigable con el usuario

Escrito por ehow contributor | Traducido por joaquín di toma
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear una barra lateral flotante en una página que sea amigable con el usuario
Hacer tu página amigable es muy sencillo. (Scritta WWW image by Mauro Saivezzo from Fotolia.com)

Hacer tu página amigable para el usuario es muy sencillo. Sólo asegúrate de que el usuario pueda ir de una página a otra. Una forma de hacerlo es con una barra de menú flotante. Con un poco de código HTML, puedes añadir un menú lateral flotante para que cuando se baje en la página el mismo esté siempre visible y listo para llevar al usuario a cualquier otra página.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la página a la que quieres agregarle un menú lateral. Asegúrate de que veas el código HTML.

  2. 2

    Comienza a escribir tu código HTML como una hoja de estilos en cascada (CSS, por sus siglas en inglés) en la parte superior de la página. Escribe el siguiente código: <div style="position: right top">. Incluye toda la puntuación y símbolos, de otra forma tu menú flotante no funcionará.

  3. 3

    Suma los valores para cada uno de los campos que hayas escrito en el Paso 2. El campo "position" debe ser "fixed". Los otros campos de tu código HTML deben ser relativos, en términos de porcentajes. En el campo "right", cuanto más cerca esté del 100%, más cerca aparecerá el menú en el margen derecho de la pantalla del usuario. Para el campo "top", cuanto más cerca esté del 100%, más alto estará el menú en la pantalla.

  4. 4

    Escribe el código HTML para el menú. Este código debería incluir los enlaces al resto de las páginas de tu sitio. Cuando termines de ingresar el código del menú, escribe "" como una señal de que el mismo está terminado.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles