Menu personalizado

| |

domingo, 15 de maio de 2016


Você quer esse menu? vem comigo, que hoje estou te ensinando, mas se você quiser esse template, clique aqui.


Vá em personalizar.


Vá em avançado e coloque o código abaixo.




/* ---  Menu  -------- */ .widget-content { width:100%} #PageList1 {background: #; width: 100%;height: 44px;  line-height:20px; margin-bottom: 38px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-transform:uppercase; }#PageList1 ul li a {font-family: Open Sans Condensed; sans-serif; color:#000; text-decoration: none;font-size: 30px; padding: 05px; font-weight: 300; -webkit-transition-duration: .50s;-moz-transition:  50s; -o-transition: 50s;}#PageList1 ul li a:hover {color:#fff;text-decoration: none;} /* ---  Fim do Menu  -------- */

 Agora vamos alterar para deixar o menu a sua cara.

Muda a grossura do menu.
Distância da área de post.
Grossura das linhas do menu.
Cor das linhas do menu.
Cor da fonte.
Fonte do menu.
Tamanho da fonte.
Distância da margem.
Grossura da fonte.
Cor do hover, a cor que a fonte vai ficar quando passam o mouse.
Antes de qualquer coisa, esse código não é meu, eu peguei ele á muuuuuuito tempo em um blog e guardei no bloco de notas, mexendo por aqui, eu o achei e resolvi compartilhar, caso você saiba de quem é, coloque aqui nos comentários para eu pôr os devidos créditos.

Espero ter ajudado, qualquer dúvida coloque aqui nos comentários e eu te ajudo, beijo e fiquem com Deus


Nenhum comentário:

Postar um comentário