Menu Top Posts

Boa noite ♥
Tudo bem meus amorzinhos? Eu estou ótima.Bom gente, sobre aquela velha história do novo nome do blog, talvez eu irei trocá-lo ainda esse mês, já marquei até data.Acho que será no dia 24, provavelmente sim.Estou começando um novo layout para colocar no mesmo dia.Não sei ainda como ele irá ficar, porque tudo que vem na minha mente eu vou colocando kk, mas já tenho uma ideia, vamos ver se vai dá certo, né? Então peço que fiquem ligados no dia 24 ;).

Hoje trouxe um menu super fofinho que eu achei no Garota no Mundo HTML.Na verdade são dois, ou seja, é um menu personalizado em duas formas.Espero que vocês gostem e usem. 



Código HTML  
/*Menu bests posts by gnmh*/
.back1 {display: inline-block; text-align: center; color:#D6D1DA;float: right;font-family: silkscreen;
font-size: 8px; padding:7px; padding-top:-2px;height:auto;width:200px;margin-left:-6px;-webkit-border-radius: 5px;-moz-border-radius:5px;
}
.topo1 a{background:#EEECF0 url('http://static.tumblr.com/koam7dd/QaUn0nlwa/seta1.png') no-repeat;display:block; padding 7px; margin:2px;font-family: silkscreen;font-size: 8px; color:#D6D1DA; padding-left:7px; padding-right:7px; padding-top:2px; padding-bottom:5px; border-radius:2px;-webkit-transition-duration:.99s; }
.topo1 a:hover{background:#EEECF0 url('http://static.tumblr.com/koam7dd/3BVn0nlwo/seta3.png') no-repeat;display:block;font-family: silkscreen;font-size: 8px; color:#B5A8BE;-webkit-transition-duration:.99s;}
Código Gadget HTML/JS 
<center>
<div class="topo1">
<div class="back1">
<center>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
</center>
</div></div>
</center> 


Código HTML 
/*Menu bests posts 2 by gnmh*/
.back2 {display: inline-block; text-align: center; color:#FDCFCF;float: right;font-family: silkscreen;
font-size: 8px; padding:7px; padding-top:2px;height:auto;width:200px;margin-left:-6px;-webkit-border-radius: 5px;-moz-border-radius:5px;
}
.topo2 a{background:#FAEFEF url('http://static.tumblr.com/koam7dd/Vahn0nmmy/seta2.png') no-repeat;display:block; padding 7px; margin:2px;font-family: silkscreen;font-size: 8px; color:#FDCFCF; padding-left:7px; padding-right:7px; padding-top:2px; padding-bottom:2px; border-radius:2px;-webkit-transition-duration:.99s;}
.topo2 a:hover{background:#F9F4F4 url('http://static.tumblr.com/koam7dd/ayrn0nmqz/seta4.png') no-repeat;display:block;font-family: silkscreen;font-size: 8px; color:#FAB5B5;-webkit-transition-duration:.99s;} 
Código Gadget HTML/JS 
<center>
<div class="topo2">
<div class="back2">
<center>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
<a href="/">Post #</a>
</center>
</div></div>
</center> 

E é só isso, xoxo!

8 comentários:

  1. Louca para ver o novo nome e o novo lay daqui *-*
    Lindo o menu ^^ E o tutorial ficou ótimo, parabéns!

    Beijos || pantherpinkandblue.blogspot.com | Panther Pink & Blue

    ResponderExcluir
  2. Estou ansiosa pelo novo nome e o layout *-* Adorei o menu é muito fofo!

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
  3. Awn amei o segundo <3 Estou ansiosa para ver o layout <3
    http://rainha-dos-sonhos-oficial.blogspot.com.br/

    ResponderExcluir
  4. 24 vai ser o dia que eu irei fazer minha festa '000' Olha que coincidência POASKOSA'
    A cada dia eu xono mais nesse lay *_*

    Que perfeitos '0' Eu estava procurando um, mas acabei desistindo, agora que acho não dá mais pra por, af ç.ç

    htmlandresources.blogspot.com.br

    ResponderExcluir
  5. Amei o menu *-*
    Estou atenta pro dia 24 okay? ;3

    Seguindo,segue de volta? -- http://mylovecandyamordoce.blogspot.com.br/

    ResponderExcluir
  6. Seu nome é tão legal, porque quer trocar?
    Esse menu é lindinho, gostei do segundo <3

    Kisses Just Again (clica?)

    ResponderExcluir
  7. São lindos esse modelos, mas o primeiro é mais lindo.

    Sweet of Cherry

    ResponderExcluir
  8. Gente, que menu coisa mais linda <3
    O segundo ficou uma fofura em forma de modelo >w<

    ~Bye
    Explosion of Paradise

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.