Tutorial para: Personalizando o seu menu

Para personalizar o seu menu, vá novamente em Editar Html, procure o seu meu, um jeito fácil de procurar é pela caixinha de busca, aí é só colocar Fonte do Menu na caixinha de busca que aparece a primeira parte dele.No próprio código do menu tem indicando o que são as coisas para você colocar como quiser, mas eu vou ensinar duas coisas que talvez vocês podem não sabem só vendo.

Personalizando a cor

Pra personalizar a cor é necessário colocar o código da cor.

exemplo, no código está assim:

background: #C6D3E3; /* Cor do fundo do Menu */

onde está em vermelho é o código da cor, para pegar o código da cor que deseja clique aqui.

Formato do seu menu

para determinar o formato, você tem que alterar essa parte do código:

-webkit-border-radius: 0px 30px 0px 30px;

Se onde está 30px você colocar 0px ele vai ficar quadrado, assim:

Agora se você quer ele redondo, troque onde está 0px por 30px, aí vai ficar assim:

Lembrando que quanto mais você aumentar o valor, tipo, de 30px pra 40px, 45px etc, mais redondo ele vai ficar.

E quanto mais você diminuir o valor, tipo, de 30px pra 25px, 10px etc, mais quadrado ele vai ficar.

Pra ficar com as pontinhas que nem no meu, tem que deixar que nem ta no código, mas quanto mais você aumentar o valor de onde está 30px mais inclinado o menu fica, assim:

E quanto mais você diminuir o valor de onde está 30px menos inclinado fica, assim:

Enquanto você for modificando, vá visualizando pra ver se fica do jeito que você quer, depois é só salvar e pronto.

Créditos: Todas as pequenas coisas