10 janeiro, 2014

Menu horizontal colorido


Olá galerinha, hoje estou trazendo uma postagem super legal e muito fácil. Bom hoje vou ensinar a vocês como fazer um menu colorido muito fofo. Vai ficar assim


categoria 1 categoria 2 categoria 3 categoria 4 categoria 5


É muito fácil espero que gostem. Vamos lá!

Primeiro acesse o painel do seu blog, depois clique em Layout.
Depois clique em Adicionar um Gadget e escolha HTML/JAVASCRIPT.
Na janela que abrir cole este código:

 

Entenda o código 

<span style='border-radius: 7px; Grau de arredondamento da aba
background-color:#f781f3; Cor de fundo da aba
padding: 5px 15px 5px 15px;'> Espaçamento interno
<a href="LINK 1 ">categoria 1</a></span>



Onde está escrito Link 1 lá você vai colocar o endereço que você deseja direcionar o leitor 
quando ele clicar. 
Na maioria dos blogs a aba 1 é o início do blog, o endereço principal.
Onde está Categoria 1 coloque o nome da aba como deseja que apareça.
Se quiser mudar o fundo da aba o veja a tabela de cores Aqui.

Se desejar acrescentar mais abas é só repetir este trecho antes de fechar a div Tantas 
vezes quantas forem as abas que deseja acrescentar:


                                     



Bom gente até a próxima. Espero que tenham gostado e que seja útil. Beijos 

6 comentários :

  1. meu blog ficou lindo*---* faz mais tutoriais bjjs seguindo seu blog ja

    ResponderExcluir
  2. Oii como eu faço para mudar a cor da fonte?
    beijão

    ResponderExcluir
  3. Bom para mudar a cor da fonte você irá em modelo depois personalizar e depois vá em link e mude a cor pela qual deseja. Beijão espero ter ajudado.

    ResponderExcluir
  4. Amei , coloquei em um layout que estou fazendo

    ResponderExcluir


- Aceito críticas, mas sem xingamentos;
-Aceito parcerias
- Deixe o endereço do seu blog para que eu possa retribuir;
- Se seguir o blog eu retribuo.
- Volte sempre!