17.10.14

Tutorial - Menu Yummy

Ayo gg! ☆ミ(o*・ω・)ノ Hoje me pediram na ask para fazer um menu, o primeiro pedido foi para fazer um menu fofinho e o segundo postar um menu com esse "gradiente" que eu uso, então eu juntei os dois pedidos para não ter que fazer dois da mesma coisa e criei um menu fofinho com gradiente dã mack Seguinte, fiz em quatro cores: Rosa, azul, roxo e verde. Vocês podem visualizá-lo bem aqui mas eu colocarei o menu na postagem para dar aquela "ênfase" e tal. Se usarem, já sabem, não é? Creditem ao The Moon Reverse e não usem o código do menu em outras coisas, qualquer coisa estou  na ask  recebendo pedidos de  vocês. Peçam lá! Obrigada <3

Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link

01. Cole o código do quote abaixo acima de ]]></b:skin>.
@font-face { font-family: "wendy"; src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");
}
#yummy {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 2px;
text-align: center;
margin-right: 1px;
margin-top: 2px;
background: #ffe8ec;
background: -moz-linear-gradient(top,  #ffe8ec 32%, #ffdde1 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffe8ec), color-stop(67%,#ffdde1));
background: -webkit-linear-gradient(top,  #ffe8ec 32%,#ffdde1 67%);
background: -o-linear-gradient(top,  #ffe8ec 32%,#ffdde1 67%);
background: -ms-linear-gradient(top,  #ffe8ec 32%,#ffdde1 67%);
background: linear-gradient(to bottom,  #ffe8ec 32%,#ffdde1 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8ec', endColorstr='#ffdde1',GradientType=0 );
border: 1px solid #ffd3dc;
font: normal 10px "wendy";
color: #ffcbd3;
text-shadow: 1px 1px #ffeef1;
box-shadow: inset 0 1px 0 #fff2f4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
02. Cole o código do quote abaixo em um gadget de html/java.
<a href="/" id="yummy">Nome</a>



Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link

01. Cole o código do quote abaixo acima de ]]></b:skin>.
#yummyazul {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 2px;
text-align: center;
margin-right: 1px;
margin-top: 2px;
background: #eaeff3;
background: -moz-linear-gradient(top,  #eaeff3 32%, #dee5ea 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#eaeff3), color-stop(67%,#dee5ea));
background: -webkit-linear-gradient(top,  #eaeff3 32%,#dee5ea 67%);
background: -o-linear-gradient(top,  #eaeff3 32%,#dee5ea 67%);
background: -ms-linear-gradient(top,  #eaeff3 32%,#dee5ea 67%);
background: linear-gradient(to bottom,  #eaeff3 32%,#dee5ea 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeff3', endColorstr='#dee5ea',GradientType=0 );
border: 1px solid #d0dbe4;
font: normal 10px "wendy";
color: #d0dbe4;
text-shadow: 1px 1px #f0f3f6;
box-shadow: inset 0 1px 0 #edf2f5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
02. Cole o código do quote abaixo em um gadget de html/java.
<a href="/" id="yummyazul">Nome</a>



Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link

01. Cole o código do quote abaixo acima de ]]></b:skin>.
#yummyroxo {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 2px;
text-align: center;
margin-right: 1px;
margin-top: 2px;
background: #f3eff3;
background: -moz-linear-gradient(top,  #f3eff3 32%, #efeaee 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#f3eff3), color-stop(67%,#efeaee));
background: -webkit-linear-gradient(top,  #f3eff3 32%,#efeaee 67%);
background: -o-linear-gradient(top,  #f3eff3 32%,#efeaee 67%);
background: -ms-linear-gradient(top,  #f3eff3 32%,#efeaee 67%);
background: linear-gradient(to bottom,  #f3eff3 32%,#efeaee 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eff3', endColorstr='#efeaee',GradientType=0 );
border: 1px solid #e8e1e7;
font: normal 10px "wendy";
color: #ddd2dc;
text-shadow: 1px 1px #f6f3f6;
box-shadow: inset 0 1px 0 #f6f3f6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
02. Cole o código do quote abaixo em um gadget de html/java.
<a href="/" id="yummyroxo">Nome</a>



Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link Nome do seu link

01. Cole o código do quote abaixo acima de ]]></b:skin>.
#yummyverde {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 2px;
text-align: center;
margin-right: 1px;
margin-top: 2px;
background: #eaf2da;
background: -moz-linear-gradient(top,  #eaf2da 32%, #e1eccd 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#eaf2da), color-stop(67%,#e1eccd));
background: -webkit-linear-gradient(top,  #eaf2da 32%,#e1eccd 67%);
background: -o-linear-gradient(top,  #eaf2da 32%,#e1eccd 67%);
background: -ms-linear-gradient(top,  #eaf2da 32%,#e1eccd 67%);
background: linear-gradient(to bottom,  #eaf2da 32%,#e1eccd 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf2da', endColorstr='#e1eccd',GradientType=0 );
border: 1px solid #d5e1be;
font: normal 10px "wendy";
color: #d3debe;
text-shadow: 1px 1px #eef5e1;
box-shadow: inset 0 1px 0 #eef5e1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
02. Cole o código do quote abaixo em um gadget de html/java.
<a href="/" id="yummyverde">Nome</a>

38 comentários

  1. Eu ganhei um celular de natal u.u #chupamackenzie ,q /ñ o blog de testes está fechado mack ,----, gentei, quando eu fizer meu layout eu vou usar esses menus, pq ta muito divo /não vou parar nunca de falar que vc e suas coisas são diva's

    Unskilled

    ResponderExcluir
    Respostas
    1. Afu, Nae sua pessoa perversa ç_ç Awn, então fale isso sempre, motiva muito >3<

      Excluir
  2. Minhas aulas ainda vao demora-ar uarhuhrhrruhrrh
    Acho que de niver vo pedir um x-box a mamis 0/ pra jogar just dance , ta convidada viu?
    Mack , vc e mto talentosa garota , como pode isso? kkkk
    Parabens estão lindos *uu*



    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
    Respostas
    1. HAUSHAUS' Estou? Hm, vou arrasar e n :B Awn, obrigada Celly! >3<

      Excluir
  3. Que post legal, assim como o seu blog que acabei de conhecer.
    Beijos meu doce ♥

    cerejices.blogspot.com.br

    ResponderExcluir
  4. Esse menu é tão fofinho >33<

    www.b-urning.blogspot.com.br

    ResponderExcluir
  5. Minhas aulas ainda não começaram \o/ mas eu estou bem ansiosa para comprar meus materias escolares *-* amo coisas de papelarias <3 canetas, cadernos, marca-textos... tudo novinho e cheirosinho para a minha diversão <3 AUHEAUH
    BTS é facil de viciar mesmo u-ú
    Que dia é seu aniversário? *u* quero te dar os parabéns <3 vai fazer quantos aninhos? ta velhinha em tia Mack :B
    Adorei os menuzinhos *-* acho tão divo esse gradient que tu usa nos layous... Deixa muito divo e chique, sério xD
    Beijos :**
    s-weetoxic.blogspot.com

    ResponderExcluir
    Respostas
    1. Que sorte, hm ç_ç Eu também amo, só não gosto de ir comprar os materiais no calor e cheio de gente, ninguém merece :v Ah, com certeza é >3< Awn, ainda faço 13 mulher HAUSHAUS' Obrigada Isabel! *3*

      Excluir
  6. Nós amamos emoticons *uuuu* *000000*
    Adorei o menu, usei no meu layout, mas só vou colocar os créditos depois :* já é de madrugada agora q terminei xau, partiu dormi
    Holiday
    h-holiday.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Emoticons never ends -q (ノ)´∀`(ヾ)
      ASFDGASD' CREDITE HOMEM :B Isso vá dormir, porque é bom, xal u_u

      Excluir
  7. As minhas já começaram a tempos... Enfim, adorei o menu, tão fofo, tão lindo. O gradiente é lindo, ah, o verde é o meu favorito.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
    Respostas
    1. As minhas também ç_ç Obrigada Karla! :3

      Excluir
  8. ele é perfeito adorei o azulzinho,pra falar a verdade to in love com todas as cores,:p

    poise minhas aulas começam dia 3 ,oohhhhhh deroota 2° ano do ensino medio não deve ser nada fácil!!

    kissu || {Sweet of Cherry || Temos novidades}

    ResponderExcluir
  9. Infelizmente minhas aulas começam neste dia três.. Que dia é o seu aniversário? Vou mandar presentinho >3<
    Adorei o menu, muito meigo e lindo ♥ Deve ter dado um trabalhosinho haha
    ~Royals

    ResponderExcluir
    Respostas
    1. As minhas começaram em janeiro @3@ Nha, nem precisa se preocupar com isso mulher :3 Obrigada Pietra! >3<

      Excluir
  10. Eu amo os menus daqui, sério é de se apaixonar. Inspira a criar lays novos ♥

    estrellando.com

    ResponderExcluir
    Respostas
    1. Awn, que bom que gosta e se inspira Tainá! <33

      Excluir
  11. Minhas aulas ainda não começaram, só dia 05 o/
    Que menu lindo, fofo, maravilhoso <333

    h-worlds.blogspot.com

    ResponderExcluir
    Respostas
    1. Sorte a sua, né? *3* Awn, obrigada Manu! >3<

      Excluir
  12. Ainda bem que ainda estou de ferias u.u Parabéns adiantado pra você,espero que você ganhe o seu celular =) Adorei o menu,eu muito lindo esse efeito que você usa *-*

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Awn, obrigada Bellz! Também espero :B Acho ele bem fofinho e diferente :3

      Excluir
  13. Awwn,adorei esse menu!
    E muito fofo!Beijos,boa semana!
    www.cg-candygirl.blogspot.com

    ResponderExcluir
  14. Sorte mesmo, as minhas aulas começaram super cedo ç3ç
    Parabéns adiantado Mack >33<
    Que menu divino <3 roxinho é mais perfeito...

    Kiss, Aceita afiliação? Fly Away

    ResponderExcluir
  15. Amei, é simples e cauai :3
    Beijão da moça que logo logo reabrirá o blog ~

    ResponderExcluir
  16. Menu perfeito, só meu u_u Fazia um tempão que eu não vinha aqui ;-; Emotions são lindos, então exagere no uso deles *-* Agora vou fazer um lay só pra usar o menu ~
    Lost Dreamer

    ResponderExcluir
    Respostas
    1. HAUSHAUS' Whow, que bom que gostares do menu >3< NHa, também, emoticons deixa tudo fofo u_u

      Excluir
  17. Vou usa-lo Mack, irei creditar lógico *---*

    kawaii-things.net

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!