Dúvidas? Ask-me anything here!
Yoo ~
Como vocês estão? Desculpa a demora pra postar, é que estou muito ocupada com a escola e o trabalho (sim, eu trabalho e tenho vida riss), mas hoje eu voltei com um tutorial super legal de mais um menu.
Lembrando, vou responder todos os comentários e segui-los o mais rápido possível!
Vamos ao tutorial?
Like preview aqui.
Créditos: [www]
Primeiro, vá em modelo, editar html e coloque esse código depois de <b:skin>
.destaque {Bom, eu acho que dá pra entender não é mesmo? Qualquer coisa me avisem nos comentários ok?
float: right;
margin-right: -20px;
margin-top: -5px;
background: url('http://static.tumblr.com/tx5g7yp/nFYmaau44/bot__o.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}
.boxdestaque:hover .destaque {
background-position: -0px -25px;}
.boxdestaque {
text-align: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 7px;
background: #fff;
padding: 5px;
margin-bottom: 7px; }
.boxdestaque:hover {
background: #;
text-shadow: 1px 1px 1px #fff;}
.boxdestaque .title {
color: #999;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
Agora, vamos adicionar um gadget Html/JavaScript para o nosso menuzinho.
Cole esse código no gadget:
<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>
<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>
<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>
Adicione quantos você quiser e aproveite esse cute menu...
Bye bye, espero que tenham gostado
Eu acho muito legal esse menu, tão fofo *-*
ResponderExcluirNyah Kawaii
Eu tbm, super lindo, obrigada por comentar ♥
ExcluirEste menu é sem sombra de dúvidas perfeito, mega kawaii! kisus.
ResponderExcluirKuusou World
Obrigada, concordo contigo :D
ExcluirQUE LAYOUT LINDO O SEU *O* SAIOUFIOASUFI estou apaixonada Q n sei se já falei isso QQ
ResponderExcluirEsse menu é mt lindinho msm <3 Estou te seguindo tbm, flor! Bjs
Enquanto a Chuva Dissolve a Cidade
kkk' obrigada, fico feliz que tenha gostado :D
ExcluirHehe muito legal , e muito util também , ameii !!
ResponderExcluirwww.mymomentsz.blogspot.com
Obrigada, tbm gostei!
ExcluirGostei do tutorial :3
ResponderExcluirkisses
ncnosekai.blogspot.com
Thanks *--*
ExcluirAmei o menu. *3*
ResponderExcluirhttp://my---immortal.blogspot.com.br/
Chomei no Tutu Chuchu ...
ResponderExcluirFacill rapido e pratico
http://blog-meninasmalucas.blogspot.com.br/
Adorei o menu!Fica lindo!
ResponderExcluirBjs
luisadub.blogspot.com
Obrigada, que bom que gostou :D
ExcluirEste menu é lindo *-*
ResponderExcluirUsarei num design futuro ^uu^
@Catching Stars
Adorei, está lindo, parabéns pelo blof, ele é ótimo
ResponderExcluirSe puder entre e confira o meu blog, iria adorar se você me desse dicas e sugestões. Estou começando agora e estou super animada. Lá eu falo sobre dicas de beleza, moda, unha, cabelo, maquiagem e tudo do universo feminino! Afinal, amigas não falam disso? então, estamos entre amigas já!Blog feito com muito carinho! A sua participação é muito importante para mim, grande beijo
http://entreamigastips.blogspot.com.br/