Trago pra vocês o tutorial do menu usado aqui no BSMP,que é esse menu com efeito giratório.O tutorial vai ser dividido em duas partes,a primeira pra ensinar o menu,e a segunda para dividir em duas colunas.Se quiser aprender,é só clicar em saiba tudo e conferir o tuto.
Menu Giratório:
Abra seu HTML clique na caixa de pesquisa dê um CTRL F e pesquise por: /b:skin>
Quando encontrar clique em " ► "e dessa até o código ]]></b:skin>.Acima dele cole o código do link abaixo:
Link aqui
Após personaliza-lo como desejar,salve.Em seguida crie um Gadget - HTML/JavaScript e cole o código abaixo:
<a href="SEULINK.COM"><div id="menu" onmouseover="this.innerHTML='NOMECOMMOUSE'"onmouseout="this.innerHTML='SEMMOUSE'">SEMMOUSE</div></a> <br />
Modifique apenas as partes destacadas em rosa,seguindo as instruções:
SEULINK.COM-Será o link da sua página.
NOMECOMMOUSE-Será o nome que irá aparecer ao passar o mouse.
NOMESEMMOUSE-Será o nome que ficará aparecer quando o menu não estiver com o mouse sobre ele(note que ele aparece duas vezes,e você deverá modificar duas vezes).
Para aparecer mais caixinhas-páginas-basta ir repetindo o código.Depois é só salvar.
Dividindo o Menu em duas colunas:
Quando encontrar clique em " ► "e dessa até o código ]]></b:skin>.Acima dele cole o código abaixo:
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
Salve!
Abra um Gadget HTML/JavaScript e cole o código abaixo:
<div class="direita"> seu texto, código do menu ou o que quiser </div>
<div class="esquerda"> seu texto, código do menu ou o que quiser </div>
Modifique as partes destacadas em rosa colocando o que se pede.Depois é só salvar.
Códigos por:
Kawaii World
Abraços♥
Amei amiga achei o menu super fofinho, é bem a carinha do seu blog
ResponderExcluirÉ bem fofo mesmo.
ExcluirObrigada pelo comentário.
Abraços♥
Oiiie amore,infelizmente nenhum dos palpites estavam certos então te darei mais uma chance de comentar,como vc é minha amigona ♥
ResponderExcluirOlha na novela o nome dela começa com a letra C e na vida real S
bjs
Olá flor!
ExcluirAh,que pena que não acertei.
Mas agora com essas dicas,e
a nova chance acho que acerto.
Vou lá tentar novamente.
Abraços♥
Acertou linda *-*
ExcluirEba \o/
ExcluirAbraços♥
Oi,
ResponderExcluirPostei esse Tutorial(com créditos) em meu blog, ok?
http://clubedasmeninasdedeus.blogspot.com.br/
Olá,
ExcluirOk flor, com créditos pode postar a vontade.
Abraços♥