Loading...
  • 0k
  • 0
Dicas de HTML5 \ 8 de Janeiro de 2013

Dicas de HTML5: Adicionando Um Menu Vertical Ao Seu Site

O menu de navegação de um site é um dos elementos mais importantes do seu design. Ele dá aos visitantes uma visão geral de tudo o que o site oferece e garante uma experiência de navegação agradável e eficiente. E todos os modelos de sites HTML5 do Wix são criados levando em consideração a importância deste menu que, na maioria das vezes, é adicionado ao topo do site, em formato horizontal.

Mas alguns sites criados por nossos usuários possuem uma navegação diferente, baseada em menus verticais. Isso é uma idéia muito boa, pois ao mesmo tempo em que ocorre de maneira óbvia para os visitantes, trata-se de algo original e diferente, o que torna o site memorável.

Já se interessou? Então vejamos agora como criar um menu vertical em alguns passos simples:

  • No Editor HTML5, apague o menu horizontal do modelo selecionado

  • Clique em “Adicionar” e escolha “Botões e Menus”

  • Escolha o modelo de botão que você quer para o seu menu

  • Para editar o botão, selecione-o e clique em “Trocar Estilo”

  • Clique em “Editar Estilo” na categoria que você desejar
  • Mude as cores, fontes e o que mais você quiser
  • Quando você estiver satisfeito, selecione o botão e clique em “Duplicar”

  • Repita isso até que você tenha um botão para cada página do site
  • Arraste os botões e alinhe-os verticalmente

  • Agora personalize o link de cada botão, clicando neles e selecionando “Configurações”
  • Mude o título do botão de acordo com cada uma das páginas
  • Clique em “Adicionar Link” e selecione “Página”

  • Selecione a página correspondente e clique em “OK”

  • Ainda nas configurações, marque a opção “Mostrar em todas as páginas”
  • Repita isso para todos os botões do menu

  • Salve o seu site e clique em “Pré-Visualizar” para verificar se tudo está funcionando como deve

Pronto – o seu site já está vertical! Aproveite o seu novo menu e compartilhe conosco o link do seu novo site!

 


Receba o
No Conforto da Sua Casa!

Assine o Wix Blog e não perca nenhuma novidade!

Hmmm, that's not a valid email address.

Aproveite! \  

Receba em primeira mão dicas atualizadas sobre como
promover seu negócio, Web Design, SEO e do Wix!

Hmmm, that's not a valid email address.