13 de jun de 2011

Como configurar um menu de navegação CSS.

Neste post vamos aprender como configurar um menu de navegação CSS. Para quem não sabe, menu CSS é aquele menu que vem, as vezes, em templates baixados e, quando clicamos nele não saímos da mesma pagina.


Bom, para começar, vamos configurar o seguinte menu, na aba Dicas.
                      
                      Clique na imagem para ampliar

  
     



Para configurar no Blogger vá em Design > Editar HTML agora devemos procurar a palavra Dicas ou a palavra correspondente a aba que você deseja configurar, para procurar você pode pressionar as teclas Ctrl+F ou simplesmente F3, aparecera uma caixa de pesquisa para simplificar a sua busca.
                       
                      Clique na imagem para ampliar







A tag da aba que você procura está logo depois da tag <ul id='menu'> como vimos na imagem acima. O nome da aba está selecionado em laranja e o link da aba está em azul.
O link destacado em azul é o link que o navegador vai direcionar a pagina quando clicada, o link é: http://construtordeblogs.blogspot.com/search/label/Dicas este link eu copiei das minhas categorias, categoria Dicas. Você deve fazer o mesmo, copiar o link da página ou da categoria que deseja adicionar a aba e colar entre:

<a href=’ link da sua pagina ‘ title=' descrição da pagina '>

E o nome da aba deverá ser digitado aqui:

<span> nome da pagina </span></a></li>

Pronto, agora clique em visualizar antes de salvar, caso der errado clique em limpar edições e tente novamente com mais atenção.

0 comentários:

Postar um comentário

Compartilhe sua opinião, deixe um comentário.

Inscreva-se

Inscreva-se e receba nossas atualizações por e-mail.

beruby.com - O Portal que lhe d recompensas por navegar [CONSTRUTOR DE BLOGS] - Aprenda como criar blogs e sites.

Os comentários autorizados neste blog são para fomentar a conversação e intercâmbio de idéias/opiniões entre os usuários. Para poder participar você deve respeitar as normas básicas de convivência e respeito. Os comentários feitos pelos usuários são de sua inteira responsabilidade. O Construtor de Blogs reserva o direito de eliminar qualquer mensagem que considere infringir as normas. Para qualquer dúvida ou sugestão, contacte-nos através de construtordeblogs@live.com

Fica proibido qualquer tipo de cópia de conteúdo sem permisão do blog.

Copyright © 2011 Construtor de Blogs, All Right Reserved. Design by Java Templates Powered by Blogger

  • Visite o nosso canal no Youtube
  • Siga o Construtor de Blogs no Twitter
  • Assine o nosso Feed. É Grátis