Hello people, hoje
irei postar um menu que eu mesma fiz que é o Menu Marci levou meu apelido. Eu já utilizei ele naquele layout
free Beautiful Flower. Pra quem não
viu clique aqui para visualizar.
Agora que você já
sabem como é o menu vamos ao tutorial.
Primeiro vá em Modelo>> Editar HTML>> Aperte Ctrl+F
e procure por:
]]></b:skin>
E cole ACIMA dele o seguinte código:
#menumarci {
background: #fed3d8; /* Cor do Fundo */
color: #fff; /* Cor da Fonte */
letter-spacing: 1px; /* Espaço entre as Letras */
width: 20%; /* Tamanho da caixa */
float: center; /* Posicionamento da caixa */
border: 1px solid #b4d6d3; /* Tamanho, estilo e cor da borda */
}
#menumarci:hover {
background: #b4d6d3; /* Cor do Fundo Hover*/
Color: #000; /* Cor da Fonte Hover*/
-webkit-transition-duration: .90s; /* Tempo de transição */
font-size: 08pt; /* Tamanho da fonte */
font-family: Times New Roman; /* Estilo de Fonte */
border: 1px solid #fed3d8; /* Tamanho, estilo e cor da borda hover */
}
Depois de fazer as
suas mudanças, Salve.
Agora vá em Layout>> Adicionar um Gadget>> HTML/JavaScript
e cole esse código.
<center><a href='Link' id='menumarci'>Nome</a>
<a href='Link' id='menumarci'>Nome</a>
<a href='Link' id='menumarci'>Nome</a>
<a href='Link' id='menumarci'>Nome</a>
<a href='Link' id='menumarci'>Nome</a></center>
Onde está escrito Link é a URL para onde você quer
redirecione, e onde está escrito Nome
é o nome do local que vai ser redirecionado.
Salve e Pronto!
Espero que gostem do
menu.
Se usar dê créditos ao Sweet of Cherry
