27.11.12

Menu Cute Transiiton

Yoo~~
Trouxe um menu que poucos de vocês devem ter visto
e super diferente e fica super cute na sidebar
Visualize aqui[www]
Créditos:Garota Charme

Vamos Aprender ?
Vá no seu HTML, aperte f3 e procure por:
]]></b:skin>
Acima dessa tag coloque esse código 

personalizando ele do jeito que você quiser:
 /*---Início do Menu Cute trasition garotacharme.blogspot.com---*/
ct {
font-family: century gothic; /* Fonte do Menu */
width: 10%; /* Tamanho do Menu */
float: left;
background:#7AC5CD; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 11px;
-webkit-border-top-left-radius: 1px;/* Efeito das bordas */
border-radius: 11px;
border-top-left-radius: 1px;
-webkit-transition-duration: .80s; /* efeito trasition */
font-size: 10pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}
ct:hover {
font-family: century gothic; /* Fonte do Menu quando passa o mouse */
width: 10%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#eee; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 22px;
border-radius: 22px;
-webkit-transition-duration: .80s; /* efeito trasition */
font-size: 10pt; /* Tamanho da fonte do Menu quando passa o mouse */
font-style:bold; /* Fica em negrito quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu Cute trasition garotacharme.blogspot.com ---*/
Edite ele com essa tabelinha[www

Agora adicione um novo gadget e cole esse código:
<a href="Link"><ct>Link</ct></a>
<a href="Link"><ct>Link</ct></a>
<a href="Link"><ct>Link</ct></a>
Kissus SZ 


11 comentários:

  1. Perfeito o menu, amei o novo lay, amo Paramore

    Participe do amigo secreto: amantesdemoda.blogspot.com.br/2012/11/amigo-secreto-natalino.html

    ResponderExcluir
  2. Awn muito fofinho o menu *-*
    candy-grape

    ResponderExcluir
  3. Ana clara,você foi uma das sorteadas para ser postadora do blog,me passa seu email?

    BjsBjs!

    ResponderExcluir
  4. Cara, que menu fofinho! O efeito de transição realmente faz uma diferença imensa no resultado final.
    Flor, tá rolando sorteio de um par de brincos e um colar inspirados em Super Mario lá no BC, se interessar, participa? n__n
    Beijos!

    myacidblackcherry.blogspot.com

    ResponderExcluir
  5. U.U Adorei o tutu .. Mas meio q eu to sem tempo sabe ? rs',, Seu blog e Lindo d+. Parabens.. Ja stou seguindo.. Pode retribui se gostar do blog ?
    Bjos

    http://diariodeumamenina111.blogspot.com.br

    ResponderExcluir
  6. ótimo tutorial flor :D

    Flor! Conheci seu blog passeando pela net! Te convido para conhecer meu canal do youtube e blog e se inscrever nos dois se possível! Obrigada!! Me mande um recado para eu te seguir de volta! :)

    Beeeeijooos

    re-becah .blogspot.com (JUNTAR O LINK)

    youtube .com/user/blogdareh/featured (JUNTAR O LINK)

    ResponderExcluir
  7. Oiiii
    Queria pedir afiliação!!!
    vc aceita????
    Fabricadecupcake.blogspot.com.br

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações