Menu Sweet


Oi Lindos ♥.♥
Acho que ainda não perguntei isto aqui, como vai as férias de vocês? As minhas estão boas, estou aproveitando para assistir as minhas séries preferidas, principalmente Supernatural, Sobrenatural aqui no brasil. E agora a Band está exibindo Violetta, eu nunca tinha assistido, gostei muito, recomendo essas séries.

Bom, faz um tempo que eu não trago um tutorial, então hoje criei um menu bem fofinho. Coloquei o nome dele de Menu Sweet, acho que ele fica fofo em qualquer layout. Fiz três cores pro menu, roxo que eu amo, verde e azul, mas o hover dos três é rosa. Enfim, confiram.


Colem o código do modelo acima de ]]></b:skin>.

E para usar, colem o seguinte código em um Gadget de HTML.
 <a href="Link"><sweet>Nome</sweet></a>

Modelo 1
 
sweet {
color:#ffffff;
text-shadow: 1px 1px 1px #d4c1db;
background:#dacae0;
border: solid 1px #d4c1db;
box-shadow: inset 0 0 6px #eee2f2, 0px 1px 1px #eee2f2;
line-height:6px; margin:-4px;
margin-left:10px;
display: inline-block;
padding-top: 6px;
text-align: center;
font-family: Pupyrus;
font-size: 8px;
float: center;
padding:9px;
height: 2px;
width: 25px;
-webkit-transition-duration: .80s;
}
sweet:hover {
cursor:hand;
background:#ffc7d3;
border: dotted 1px #fcbfcc;
box-shadow: inset 0 0 6px #fce2e8, 0px 1px 1px #fce2e8;
-webkit-transition-duration: .80s;text-align: center;
font-family: Pupyrus;
font-size: 8px;
color:#ffffff;
}

Modelo 2
  
 
 sweet {
color:#ffffff;
text-shadow: 1px 1px 1px #d2dccd;
background:#dbe3d6;
border: solid 1px #d2dccd;
box-shadow: inset 0 0 6px #e1e9de, 0px 1px 1px #e1e9de;
line-height:6px; margin:-4px;
margin-left:10px;
display: inline-block;
padding-top: 6px;
text-align: center;
font-family: Pupyrus;
font-size: 8px;
float: center;
padding:9px;
height: 2px;
width: 25px;
-webkit-transition-duration: .80s;
}
sweet:hover {
cursor:hand;
background:#ffc7d3;
border: dotted 1px #fcbfcc;
box-shadow: inset 0 0 6px #fce2e8, 0px 1px 1px #fce2e8;
-webkit-transition-duration: .80s;text-align: center;
font-family: Pupyrus;
font-size: 8px;
color:#ffffff;
}
Modelo 3

 sweet {
color:#ffffff;
text-shadow: 1px 1px 1px #c9d8e1;
background:#cfdde6;
border: solid 1px #c9d8e1;
box-shadow: inset 0 0 6px #dce6ed, 0px 1px 1px #dce6ed;
line-height:6px; margin:-4px;
margin-left:10px;
display: inline-block;
padding-top: 6px;
text-align: center;
font-family: Pupyrus;
font-size: 8px;
float: center;
padding:9px;
height: 2px;
width: 25px;
-webkit-transition-duration: .80s;
}
sweet:hover {
cursor:hand;
background:#ffc7d3;
border: dotted 1px #fcbfcc;
box-shadow: inset 0 0 6px #fce2e8, 0px 1px 1px #fce2e8;
-webkit-transition-duration: .80s;text-align: center;
font-family: Pupyrus;
font-size: 8px;
color:#ffffff;
}

11 comentários:

  1. O menu é bem cute, adorei!

    Abraços || sevendays-official.blogspot.com.br

    ResponderExcluir
  2. Já tinha assistido Violetta, mas não gostei muito .. Enfim, eu amei o menu, achei ele bem fofo >< Kiss, Wanted Dream e Radioactive

    ResponderExcluir
  3. As minhas estão normais...ASUHASUH'
    Que menu mais divooo <3 Eu não sou boa pra fazer :s

    htmlandresources.blogspot.com.br

    ResponderExcluir
  4. Amei o segundo modelinho do menu *-*
    Superfofo!

    s-trawberriesat.blogspot.com.br

    ResponderExcluir
  5. Que perfeito o menu, amei ^.^

    Kiss! http://paradisekawaii-pk.blogspot.com.br/

    ResponderExcluir
  6. Minhas férias estão normais estão aproveitando para dar mais atenção ao blog. O Menu é bem fofo só arrumar a fonte que fica perfeito <3

    FH★

    ResponderExcluir
  7. O último está muito fofo ♥

    http://little-worldoficial.blogspot.com.br/

    ResponderExcluir
  8. O menu está muito bonito, gostei especialmente do modelo 1.
    s2garotasonhadora.blogspot.com

    ResponderExcluir
  9. Amei o menu. Muito perfeito <3

    ha-unting.blogspot.com

    ResponderExcluir

Oi, podem comentar a vontade, desde que:
-Realmente comente sobre o post, não faça apenas divulgação.
- Não falem palavrão nem arrume brigas.
- Respeitem as opiniões dos outros.
- Deixe o link do seu blog para que eu visite e retribua sua visita, se eu gostar eu sigo.

Obrigada pela sua visita *u*