Home
Tutoriais
Efeitos
Ilustrações
Menus
Psds
Vagas
F.A.Q
Mapa
Layout free

Menu Cute [Exclusivo]


Boa noite, como vocês vão nesse final de tarde mais do que chatinho?
Primeiramente gostaria de me desculpar pela ausência. Mas finalmente, com toda certeza do mundo, posso dizer que vou ser mais frequente em todos os blogs de onde sou postadora. Criei uma agendinha ou eu marquei os dias e os horários em que posto em cada lugar, e os materiais de cada dia que irei disponibilizar. 

Hoje, criei um menusinho. É o meu primeiro.. então se der algum problema, poderiam me avisar? 
Gostei bastante dele. E usei como base um menu do KW. Mas como podem ver, o modifiquei por completo! De inicio, seria algo para um novo layout do meu blog .. mas eu gostei tanto, tanto mesmo que eu resolvi disponibilizar para ver se vocês achariam o mesmo. Eu espero que achem uma fofura (por isso o nome) assim como eu achei. E mais depois, pretendo disponibilizar mais alguns que estou planejando na minha cabeça. 

Ainda hoje, pra tentar recompensar o tempo em que estive fora daqui, postarei alguns goodies para vocês. Ilustrações, avatares, imagens para afiliados .. entre outras coisas. Mas, relacionado a imagens. E como em meu blog, faria uma maratona de materiais e tutoriais. Enjoy 22kos?
1. Procure em seu código de HTML por ]]></b:skin>
2. ACIMA desta tag, cole o seguinte código:
@font-face { font-family: "hehe"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
a.cutecute {
display: inline-block;
padding-bottom: 3px;
width: 40px;
font-size: 8px;
padding-top: 3px;
background-color: #e4eef1;
font-color: #ffffff;
text-shadow: 0 1px 0 #ebebeb;
font-family: hehe;
text-align:center;
text-transform:  uppercase;
letter-spacing: 1px;
border-radius: 7px;
border: 1px dotted #d3e3e8;
border-bottom-right-radius: 0;
box-shadow: inset 0 0 5px #d3e3e8, 0 0 1px #d3e3e8;
transition: all 0.5s ease-in-out;
}
a.cute:hover {
text-decoration: uppercase;
background-color: transparent;
font-family: hehe;
text-align:center;
border-radius: 0px;
border: 1px dotted #91b9c4;
box-shadow: inset 0 0 5px #b2ced6, 0 0 1px #b2ced6;
opacity: 1.0;
}
3. Para o menu funcionar em seu blog, adicione um gadget de HTML e cole o código abaixo:
<a class="cute" href="SEU LINK ">SEU TÍTULO</a>

5 comentários:

  1. Agendinha nos ajudando desde a sua criação XD Amei o menu, ele é tão fofo ♥
    Kissu O (≧ ∇ ≦) O #May-Sun

    Nosso Diário Nada Convencional

    ResponderExcluir
  2. Oii Mandi, eu NUN-CA acho esse código ]]> , já tentei de todas as formas. Você sabe como resolver? Obrigada <3

    vas-happenin1d.blogspot.com

    ResponderExcluir
  3. Que perfeito, ameeeei o menu, segue de volta? kisses

    Candy | Epidemia dos blogs

    ResponderExcluir
  4. Ta, e como eu vou sabe qual é a cor que tenho que mudar vey?

    ResponderExcluir