Blog da Ketty: Menu Efeito Wishlist

terça-feira, 22 de setembro de 2015

Menu Efeito Wishlist


Boa noite meus amores *-* Como estão? Espero que bem. Hoje não tive tempo para postar durante a manhã. Mas, tirei um tempinho e achei um tutorial no Kawaii Word, super lindo, Serve para Menus de status. Eu espero que gostem. 




Ele fica assim, quando passa o mouse, faz um efeito bem legal, fica rosa e piscando...

Va no HTML e aperte Ctrl f, na caixinha procure por  ]]></b:skin> e, acima dessa tag, cole o seguinte codigo:


.haruharu a {
color:#ffffff;
}
.haruharu {
color:#404040;
font: 8px "handy", small fonts;
text-transform: uppercase;
text-align:left;
background: #CORDALINHAPASSANDO;
margin-bottom: 2px;
padding:2px;
padding-left: 8px;
-webkit-transition-duration: .99s;
border-radius: 2px;
box-shadow:inset 0px 20px 0px #CORNORMAL;
}
.haruharu:hover {
color:#404040;
padding-left : 15px;
box-shadow: inset 0px -24px 0px #CORNORMAL;
text-shadow: 1px 1px 0px #d2d2d2;
}

Obs: Se quiser Troque o primeiro #404040 pela cor da sua fonte e o segundo #404040 pela cor da fonte ao passar o mouse. 8px é o tamanho da fonte e handy é o nome dela, mude se quiser. O resto já está indicado no código, observe as partes em negrito e troque.

Para usar esse efeito va em um Gadget HTML e cole:

<div class="haruharu">Escreva algo</div>


E fica bem fácil e lindo. Espero que tenham gostado. Beijos

Nenhum comentário:

Postar um comentário

Olá que bom que veio comentar aqui no Blog da Ketty!

-Sem chingamentos;
-Leio os comentários de crítica construtiva sempre;
-Deixe o link do seu blog;
-Se for reblogar deixe um aviso.

-Agradeço a atenção. Ketty.