Como criar uma barra lateral flutuante para uma página de usuário

Fazendo seu usuário web amigável é simples. Apenas certifique-se de que o usuário pode facilmente começar a partir de uma página para outra. Uma maneira de fazer isso é com uma barra de menu flutuante. Com um pouco de código HTML, você pode adicionar um menu lateral flutuante para que, como o seu usuário rola web inferior da página, o menu é sempre visível e pronto para assumir o seu utilizador para outra página.

instruções

  1. Abra a página que você deseja adicionar o seu menu lateral flutuante para. Verifique se o seu modo de exibição mostra o código HTML da página.



  2. Comece a introduzir o seu código html como uma folha de estilo em cascata no topo da página. Digite o seguinte código na página: lt; div style ="Posição: - razão: - top: -gt ;. Incluir todos os sinais de pontuação e símbolos, caso contrário, seu menu flutuante não funcionará.

  3. Adicionar valores para cada um dos campos que você escreveu no Passo 2. A "posição" campo deve ser "fixo". Os outros campos do seu código HTML deve ser relativo em termos de porcentagens. No "certo" campo, quanto mais próximo um número é a 100 por cento, mais próximo o menu aparecerá à margem direita da tela do usuário. Para o "topo" campo, quanto mais próximo o seu número é 100 por cento, o mais alto na tela do menu irá aparecer.

  4. Escrever o código html para o menu. Este código deve incluir links para o resto das páginas do seu site. Quando terminar de introduzir o seu código de menu, escrever "" para sinalizar que o menu é completa.

dicas & avisos

  • Escreva seu código html para que o menu flutuante aparece no lado esquerdo da tela do usuário. Tudo que você tem que mudar é a palavra "certo" na Etapa 2 para a palavra "esquerda".
De esta maneira? Compartilhar em redes sociais:

LiveInternet