30 de dez de 2012

Semana de Goodies: Menu Deslizante

Hi!

Olá como vão todos vocês? Hoje trago mais um tuto para vocês é o menu deslizante que é mesmo que está no Web Status na barra lateral do blog é um tutorial super simples de fazer, olha só:

1º: Vá no seu HTML e procure por ]] > < /b:skin >, e acima dele cole o seguinte código:

.heart {
display : block;
 font-size: 10px;
font-family: Tahoma;
letter-spacing : 0;
border-bottom : 1px solid #eee;
background-repeat : no-repeat;   
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
 line-height : 15px;
margin-bottom : 1px;
padding-left : 3px;
 -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;
border-left: solid #CORDABORDA;
background: #CORDOFUNDO;
 color: #666 !important;
}
.heart:hover {
display : block;
text-decoration: none;
 vertical-align: middle;
line-height: 15px;
background: #CORDOFUNDOHOVER;
 border-left: solid #CORDABORDAHOVER;
 padding-left: 15px;}

Troque apenas o que está em negrito pela cor que você quiser e depois salve, clique aqui e vá na tabela de cores.


2º: Depois é só adicionar um gadget HTML/JavaScript com o código:

< div class=" heart "> Seu texto < /div >

Digite o que quiser no espaço indicado, salve e seu menu estará pronto. Todos os créditos são da Kaorii do Kawaii World pelo tutorial. Este é o tuto de hoje amanhã eu volto com uma surpresa para vocês ok, beijos e até amanhã!
See you tomorrow!!!



{Larissa C.R.}

3 comentários:

  1. Parabéns seu blog é lindo!
    AMEI!

    Beijos e feliz ano novo!
    Sweetgirldreams.blogspot.com

    ResponderExcluir
  2. Esse menu é tão fofinho ^-^

    Feliz Ano Novo! Adorei o novo lay c;

    Bjs
    garotas-cupcakes.com

    ResponderExcluir

Olá amorinha blogueira! Como vai você?
Obrigada por comentar neste bloguito! Ah mas nós temos regrinhas viu ●ω●
- Não xingue ninguém;
- não copie o post;
- não comente no post antes de ler ou só comente "Que legal! Seguindo... segue de volta!", eu sigo mas não venha só comentar isso tá, quero saber a sua opinião amora;

É isso, sintam-se à vontade de falar mas sigam as regras :D
Beijos!

Expresse os seus sentimento!

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙