Menu destaque


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  {
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;}
Bom, eu acho que dá pra entender não é mesmo? Qualquer coisa me avisem nos comentários ok?

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 

16 comentários:

  1. Eu acho muito legal esse menu, tão fofo *-*

    Nyah Kawaii

    ResponderExcluir
  2. Este menu é sem sombra de dúvidas perfeito, mega kawaii! kisus.

    Kuusou World

    ResponderExcluir
  3. QUE LAYOUT LINDO O SEU *O* SAIOUFIOASUFI estou apaixonada Q n sei se já falei isso QQ
    Esse menu é mt lindinho msm <3 Estou te seguindo tbm, flor! Bjs
    Enquanto a Chuva Dissolve a Cidade

    ResponderExcluir
  4. Hehe muito legal , e muito util também , ameii !!
    www.mymomentsz.blogspot.com

    ResponderExcluir
  5. Gostei do tutorial :3
    kisses
    ncnosekai.blogspot.com

    ResponderExcluir
  6. Amei o menu. *3*

    http://my---immortal.blogspot.com.br/

    ResponderExcluir
  7. Chomei no Tutu Chuchu ...
    Facill rapido e pratico

    http://blog-meninasmalucas.blogspot.com.br/

    ResponderExcluir
  8. Adorei o menu!Fica lindo!
    Bjs
    luisadub.blogspot.com

    ResponderExcluir
  9. Este menu é lindo *-*
    Usarei num design futuro ^uu^

    @Catching Stars

    ResponderExcluir
  10. Adorei, está lindo, parabéns pelo blof, ele é ótimo

    Se 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/

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ