Menu vertical para blog

no dia 21 de agosto de 2014

menu vertical para blog
Aqui no blog eu já mostrei vários tipos de menu para blogs.
Veja os modelos que já publiquei:


Menus para blog


A maioria são menus horizontais, mas hoje quero mostrar um modelo bem simples, vertical, e que não usa script algum, é todo em CSS.
Veja a demonstração:


Demonstração do tutorial


Para colocar em seu blog faça assim:
Acesse a aba Layout de seu blog e clique em Adicionar um gadget. Escolha a opção HTML/JAVASCRIPT e na janela que abrir cole este código:


Copiar o código

Agora preste atenção aos campos marcados no código.
Cada marcação define cor de fundo, cor e tipo de fonte, etc.
Altere para combinar com seu blog.
Aqui tem uma tabela de cores.
Cada cor é definida pelo código hexadecimal precedido do sinal #
Alterar esse código altera as cores, tá?

Isso é opcional, mas os campos que dizem Endereço do link e Nome da aba são obrigatórios.
Em Endereço do link, claro, coloque o endereço para onde o link deve levar e em Nome da aba coloque, claro, o nome da aba.
Ficaria assim, se eu colocasse em meu blog:
<li><a href="http://www.elainegaspareto.com/">Página inicial</a></li>
Sendo que em vermelho é o link e em azul é o nome da aba.

Faça isso com todos os links e depois de pronto, salve.
Arraste para onde deseja que fique e salve de novo.
Olha como fica o meu:




Gostou?
Deixe seu comentário se fizer em seu blog ou se tiver dúvidas.
Aproveita e compartilhe essa postagem, curta ou compartilhe no Facebook.
Isso ajuda o blog a crescer e melhorar.
Muito obrigada!

http://www.tupperwarecia.com.br/