Olá moranguetes tudo certinho? Bem hoje irei postar sobre um menu tipo whislist só que bem fofo e muito diferente dos que estamos todos acostumados ver em praticamente todos os blogs. O menu é lista em hover muito fofo e muito útil, você pode usar em marcadores, goodies, tutoriais, status do menu enfim use sua imaginação!
Live prewiew Aqui
Vamos lá? Vá até seu modelo editar html e procure por:
]]></b:skin>
E depois em seguida acima dele cole este código aqui:
.cru a{background: #F3F3F4; margin: 3px;padding: 3px;display: block;font-size: 9px;border-radius: 3px; text-transform:uppercase;font-size: 11px; font-family : Muli;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; text-indent:10px; color:#BBC2D0;text-shadow: -1000px 0 1px #D1D6E0; overflow:hidden; border-right:0px solid #D1D6E0;}
.cru a:hover {color: #BBC2D0; padding-left: 29px; padding-right: 11px; text-shadow: 0px 0px 1px #fff; border-right:10px solid #BBC2D0;}
Salve vá para layout e adicione um html java script e dentro cole:
<div class="cru"><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a><a href="/">Lista</a></div>
Coloque seus links e nomes respectivos, poderá mudar as cores dos titulos do fundo etc..
O resto vocês sabem neh? Créditos para o maravilhoso Greathelp me desculpem tinha esquecido de por ;)
Bem morangos esperam que tenham gostado, beijocas...
Awww adorei o tutu, é lindo esse menu lista e muito prático
ResponderExcluir~~Chu
ja vi em outro blog, cade créditos.
ResponderExcluirJá conhecia o menu, mas ele não deixa de ser fofo! (até estou usando ele no meu lay atual) E é realmente diferente do da maioria das pessoas ^-^
ResponderExcluirAmei o blog, muito lindo! Suas postagens também são bem diferentes *-* Já estou seguindo aqui.
valle-mustaqet.(blogspot)
Para o Anônimo, não fiz esse tutorial com a intenção de dizer que fui eu que fiz o menu, até porque não mencionei nada sobre isso, e tem mais você pode sim ter visto em outro blog, mas esse menu foi feito pelo tumblr que citei ali em cima, e tinha esquecido de por o nome do tumblr, eclarecido? U_Ú
ResponderExcluir