30/12/2014

Menu Cute

Olá fofuras! Como vocês estão??
Eu estou ótima !!! Sabe gente, eu estou muito feliz \o/ Hoje eu acordei cedo e como não tinha nada de interessante pra fazer, fiquei fuxicando um site ai. Eu acabei encontrando nesse site um teste chamado Teste de Einstein que é MUITO complicado para resolver. Eu quase chorei por eu não esta conseguindo resolver (sim, eu sou chorona..muito....muito...e muito). Eu poderia ter desistido, mas não, continue quebrando minha cabeça. E depois de tentar e tentar, finalmente consegui resolver *o* Se você você é uma pessoa persistente e quer testar o seu QI você pode ir aqui!

Ultimamente estou tendo pouco tempo para postar tutoriais mais elaborados, com a chegada de fim de ano, estou ficando muito ocupada e cansada. Então hoje trouxe um tuto mais light. O tuto de hoje é um menu feito por mim, que apelidei de menu cute. Eu realmente queria ter dado outro nome para esse menu, mas eu sou péssima com nomes. -_- Confira ele aqui.
Vá no HTML de seu blog e procure por:
]]></b:skin>
 Acima dele cole:
/** Menu Cute **/
mc {
display: inline-block;
margin:0px;
font-family: 'verdana', cursive;
font-size: 12px; /* Tamanho da fonte */
background: #FEEAEE; /* Cor de fundo do menu */
box-shadow: inset 0 0 50px #FAC4D0, 0 0px 1px #FF82AB; /* sombra interna */
padding:2px;  /* espaço dentro do menu */
text-align: center;
border-radius: 3px;
color: #fff; /* Cor da fonte */
cursor: pointer;
width: 50px; /* Tamanho do Menu */
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
}
mc:hover {
background: #F6FAFF;
color: #4F94CD;
box-shadow: inset 0 0 22px #9BCDFF, 0 0 3px #FFD1CC; /* sombra interna */
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
-moz-border-radius: 0px 0px / 0px 0px;
border-radius: 30px 30px / 60px 60px;
}
Feito isso. Salve!

Depois vá em Layout  Adicionar um Gadget  HTML/ Java Script e cole o código abaixo dentro dele:
<a href="https://www.blogger.com/"><mc>Home</mc></a>
<a href="https://www.blogger.com/"><mc>Link</mc></a>
<a href="https://www.blogger.com/"><mc>Link</mc></a>
<a href="https://www.blogger.com/"><mc>Link</mc></a>
<a href="https://www.blogger.com/"><mc>Link</mc></a>
<a href="https://www.blogger.com/"><mc>Link</mc></a>
 Pronto. Agora é só salvar!

Bom gente, provavelmente hoje postarei outro tutorial mais tarde.
Espero que tenham gostado! Bjoos :** Blog de garota-veneno : G A R O T A • V E N E N O, Favicons / Mini Gifs &#9829;

6 comentários:

  1. Parece interessante ><
    Voce pode fazer um tutorial de como
    fazer um menu ( de gadget ) como o seu?
    Quer fazer afiliação com my blog???

    http://docebunny.blogspot.com.br/ ( mudei o lay, visite pra ver hihi )

    ResponderExcluir
    Respostas
    1. Oie, Você está se referindo ao menu que está no gadget do "Welcome"? Se for esse, claro que eu ensino!!
      Já te coloquei na elite :3
      Eu adoraria ser sua afiliada!

      Bjoos ♥

      Excluir
  2. Oiie amei seu blog... Seguindo *w* gostei tbm do tuto bastante bem útil ♥
    Beijinhos
    Bye :3

    ResponderExcluir
    Respostas
    1. Obrigada por seguir o blog! Fico muito feliz que gostou *--*
      Bjãao ♥

      Excluir

♥ Comente algo relacionado ao post !
♥ Proibido xingar, ofender e ser agressivo !
♥ Seja educado (a) !