Menu Colors Dropdown- com abas e sub abas, colorido e lindo! - * Blog Elaine Gaspareto *

Menu Colors Dropdown- com abas e sub abas, colorido e lindo!

em 24/10/2017

Menu Colors Dropdown- com abas e sub abas, colorido e lindo!

Algum tempo atrás eu mostrei aqui no blog uma opção bem bonita de menu horizontal, colorido e cheio de charme.
Recorde:
Menu Colors para blog- o menu mais fácil do mundo!

Hoje quero te mostrar uma versão mais moderna dele. Na verdade não chega a ser uma versão, trata-se de um menu bem diferente, mas como ambos compartilham o fato de serem coloridos e charmosos, achei que vale a comparação.
Estou falando desse menu, veja:


Demonstração do tutorial


Lindinho, né?
E se eu te disser que você consegue instala-lo em seu blog com apenas 1 passo? Aí fica perfeito, né?
Quer aprender?
Vem comigo, que é muito, muito fácil!


Como instalar o Menu Dropdown colorido no blog?


Essa versão que vou te ensinar é uma adaptação. Juntei no mesmo gadget o Código CSS, que define a aparência do menu, e o Código HTML, que é onde voce coloca seus links e modifica o nome das abas e sub abas.
Então, pra instalar é bem simples: acesse o painel de seu blog e clique em Layout.
A seguir clique em Adicionar um gadget e dentre as opções selecione HTML/JAVASCRIPT.
Na caixinha que expandir cole este código:


Copiar o código


Salve, arraste para onde deseja que fique (o ideal é abaixo do cabeçalho) e salve as alterações do Layout.
Seu menu já estará aparecendo.
Aí então é a hora de configurar os links, os nomes das abas e sub abas e editar as cores caso queira.
Deixei tudo especificado no próprio código; leia tudo pois ele te dirá exatamente o que fazer, onde alterar cores e onde inserir links e nomes das abas e sub abas.
Depois de tudo pronto é só salvar as alterações que fizer e tá feito!




Dicas extras:


Todas as cores, de todas as abas e sub abas são personalizáveis. Lembre sempre que cada cor é definida pelo código hexadecimal e pra alterar essa cor basta trocar o código dela pelo código hexadecimal da cor que você deseja.
Aqui tem uma tabela de cores e seus respectivos códigos.

Se o nome que você der para cada aba for grande o menu pode desconfigurar a as abas descerão. O ideal é ir editando, e se notar que as abas não cabem no espaço exclua alguma ou diminua o nome.
Para excluir uma aba é só excluir o código dela; está separadinho no código do menu, bem fácil de identificar.

Se quiser alterar a fonte e o tamanho dela também pode, basta localizar a área destinada a isso no código e alterar.

Caso tenha qualquer dúvida diga aí nos comentários e eu respondo assim que possível!
E, claro, pedir não custa: compartilhe ou curta esse post. Me ajuda demais!!!




4 comentários via Blogger
comentários via Facebook

4 comentários:

  1. QUE FOFO AMIGA DEVIA TER PARA WORDPRESS É SO BLOG ;)

    ResponderExcluir
    Respostas
    1. Sim, só para Blogger... infelizmente rsrs
      bjsss

      Excluir
  2. Olá, tudo bem?
    Meu nome é Prof Rosi Feliciano
    Encontrei seu blog navegando e quero te dar os parabéns por seu trabalho.
    Gostaria de escrever um artigo com algumas dicas para o seu blog com apenas 1 link neste artigo para o blog que participo beleza.blog.br/.
    Vou divulgar seu blog, veja o vídeo explicando:
    https://youtu.be/afqipsoQ9Qs

    Agradeço desde já, aguardo seu contato.

    Prof. Rosi Feliciano
    E-mail: contato@8dicas.com.br
    WhatsApp: 43991334541 horário online 12hrs as 18hrs de segunda a sexta.

    ResponderExcluir
    Respostas
    1. Rosi, boa tarde
      No momento eu não trabalho com guest posts, mas agradeço o contato.
      Atenciosamente

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários