Tutorial - Menu Wishlist


Yoo ~

Demorei para postar hoje (Eu sei), mais é que eu consegui entrar no Inside Icons, onde eu fiquei postando icons e tals. Recomendo vocês visitarem e pedirem icons de qualquer famoso, que com certeza alguém vai postar. Eu amo fazer icons, por isso decidi entrar no blog. Mais agora dei uma pausa e postarei essa postagem. 

Bom, muitos pediram para que eu postasse como se fazer o menu da pagina Tutoriais e Goodies. Bom na época eu peguei o tutorial no Kawaii World, mais como deu um problema a Kaorii retirou o tutorial, então tive que pegar o código do meu HTML mesmo, se alguém souber de quem é o dono do menu é so me falar que eu coloco os créditos. Vamos lá ~



1. Entre no seu HTML e procure por ]]></b:skin>, assim que achar cole o seguinte código ACIMA da tag.

.wishlist a {
display : block;
font-family: PF arma five;
margin: 1px;
text-transform: uppercase;
font-size: 8px;
color:#747474;
border-bottom: 1px solid #ebeaea;
border-right: 1px solid #ebeaea;
background:#f3f3f3;
padding: 5px 10px 3px 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.wishlist a:hover{
padding-left: 13px;
background:#f6f6f6;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

Visualize, se tudo estiver certo salve. 

2. Agora no Layout crie uma gadget HTML/Javascript e cole: 
<div class="wishlist a"><a href="URL">NOME</a></div>
Pronto, apenas troque o Nome e a Url !  

14 comentários

  1. Gosteiiiii!!Amei muito esse menu
    Segue esses blogs por favor??
    http://morango-sabor.blogspot.com.br/
    http://thesecretdiar-y.blogspot.com.br/
    http://another--time.blogspot.com.br/

    ResponderExcluir
  2. Quando meu blog alcançar mais goodies/tutoriais, irei usar este menu :3

    ResponderExcluir
  3. Nosso blog mudou de nome e url e nós somos sua afiliada peço que mude, desde já obrigada!
    Nome: Modernium
    Url: http://modernium.blogspot.com.br
    ~Antigo Depois do Desfile

    ResponderExcluir
  4. Adorei o menu,favoritei pois no próximo layout vou usar (:

    -Bezzos o3o
    http://pandasemparis.blogspot.com.br/

    ResponderExcluir
  5. Super.
    Segueee? http://makeupblogstardoll.blogspot.com.br/

    ResponderExcluir
  6. é Muito bonito esse menu..
    Ameii.
    Bjoos
    sweet-divertido.blogspot.com

    ResponderExcluir
  7. Ah eu visitei o inside icons faz um tempinho, hoje de manhã, é bem legal lá, comentei lá, vi uma postagem sua lá também, mais falando sobre o novo layout, meu Deus, tá maravilhoso, tá super lindo, a tabela de cores do blog tá esplêndida!
    Amei!

    Acho esse menu uma boa alternativa para colocar créditos, embora não o uso pois ele é simples..mais é bem bonito mesmo.

    Adolescente Nerdclique e seja feliz

    ResponderExcluir
    Respostas
    1. AUSHAUSHASHA ele é bonito porque é simples *---*
      ooobrigado, beijos :3

      Excluir

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.