Olá meus lindos! Vim aqui trazer um tutorial do MENU DE FOLHA, ou menu folha, como preferirem.
-O que é menu de folha? menu de folha é o mesmo usado aqui, no Fernanda cordeiro.
trouxe uma imagem:
é este o menu. Achei o tutorial no Capture dream, créditos de lá =3.
Sigam os passos!
Vá em Design > editar HTML > marque a caixinha 'expandir modelos de widgets'.
Depois de ter feito isso, aperte F3 ou CTRL+F e na caixinha que aparecer, procure por: ]]></b:skin>
Achou? Então ACIMA deste código, cole:
/*---Início do Menu---*/bdg {font-family: tahoma; /* Fonte do Menu */width: 17%; /* Tamanho do Menu */float: left;background:#8EE5EE; /* Cor do fundo do Menu */padding: 5px;text-align: center;margin: 2px;-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */font-size: 08pt; /* Tamanho da fonte */color: #fff; /* Cor da fonte */}
bdg:hover {font-family: tahoma; /* Fonte do Menu quando passa o mouse */width: 17%; /* Tamanho do Menu quando passa o mouse */float: left;background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */padding: 5px;text-align: center;margin: 2px;-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */color: #fff; /* Cor da fonte do Menu quando passa o mouse */}/*---Fim do Menu com Efeito ---*/
As partes em NEGRITO, modifique-as, não preciso explicar, pois a explicação está do lado das coisas em negrito. Pronto, fez isso?? clique em visualizar, para ver se deu TUDO CERTO.
depois salve o modelo e vá em:
Layout > adicionar gadget > HTML java script e Cole:
Onde está escrito 'nome' é para colocar o nome da página, onde está escrito 'link' coloque o link da página.<a href="Link"><bdg>Nome</bdg></a>
Para adicionar MAIS PÁGINAS, vai colando o mesmo código acima, um do outro, normalmente.
Pronto, já tem seu menu de folha! uhuuuuuu!
Beijos, e até o próximo post!
