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.}