1.12.12

Menu Roll Right - Atualizado



Perdão o blog para visualizar não estava abrindo , mais já arrumei o problema !
Tumblr_me7cxgqyqx1qdt37qo1_500_large
Oie tudo bom ? - Espero que sim
Hoje vim ensinar vocês a Fazerem o menu Roll Right


Click AQUI para ver

Vamos lá

Vá em → Design → Editar HTML → Procure por : ]]></b:skin>
Acima da Tag cole :

#menu{
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) right ;
width: 110px;
float: left;
height: 20px;
font: 20px Play;
color: #fff;
padding: 2px 0 6px 0;
text-align: center;border-radius: 7px;
margin: 5px;
text-transform: uppercase;
cursor: default;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}#menu:hover {
opacity: .95;
background: url(http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png) left ;
 color: #5f5147;}
Faça as alterações e se estiver tudo certo salve !
Onde esta http://static.tumblr.com/jyjxgdu/2Humbnktp/menu.png
Você irá colocar o link da imagem que você deseja click aqui para ver imagens

Agora vá em Layout → Adicinar um gadget → Selecione → HTML/JavaScript
e cole na caixinha em branco quantas vezes quiser

<a href="link" id="menu">Nome</a>

Espero que gostem !

Beijos♥

Créditos  : Kawaii Word & Worldesigns

2 comentários:

  1. Tá fechado o blog para ver o teste do menu :/
    Mas do mesmo jeito deve ser lindo *u*~
    Kisses~
    cotidianodeumabarbie.blogspot.com

    ResponderExcluir
  2. Ta muito fofo o menu *u* Só acho que as cores não ficaram muito bem, da pra personalizar, né?

    blog-lolandfun.blogspot.com

    ResponderExcluir

Que bom que vai comentar !!
Mais para fazer isso leia as regrinhas:
- Aceito criticas ,sugestões e opiniões.
- Seguindo segue de volta,se comentar sobre o post.
- Não retribuirei a visita se não comentar sobre a postagem.
- Deixe o link do blog para eu retribuir a visita.
Eu e o DW agradecemos ! Fique com Deus .