Oi amendo bobos,tudo bem?Já cheguei do salão e vim postar um tutorial pra compensar a falta de posts ^-^ Trouxe 3 efeitos do tumblr Cssand-Html , então créditos á ele c: São efeitos de menus que podem ser usados em Status, um deles é o daqui do blog. Preview aqui.
Se interessou em algum?Leia Mais!
Efeito Wishlist 1:
Vá no seu HTML,procure por ]]></b:skin> e acima da tag cole o seguinte código:
.wish { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:left;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-left: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA;} .wish:hover {color:#ffffff; padding-left : 10px; border-left: 15px solid #COR DA BORDA;}O próprio código já explica tudo.Pra usar é só adicionar o seguinte código no gadget desejado:
<div class="wish">O que quiser aqui</div>Efeito Wishlist 2:
Cole o seguinte código acima da tag ]]></b:skin> :
.wish2 { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:center;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-left: 5px solid #eda3c3; border-right: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA} .wish2:hover {color:#ffffff; padding-left : 10px; border-left: 30px solid #COR DA BORDA; border-right: 30px solid #COR DA BORDA;}O código já está explicando tudo ^-^ Pra usar, cole esse código no gadget desejado :
<div class="wish2">O que quiser aqui</div>Efeito Wishlist 3:
Cole o seguinte código acima de ]]></b:skin> :
.wish3 { color:#fff;background: #COR DO FUNDO; display : block; padding:3px;font-size: 8pt; font-family: verdana, Lucida Sans Unicode; line-height: 13px; text-align:left;margin-bottom : 2px;padding-left : 10px; -webkit-transition-duration: .50s; border-right: 5px solid #COR DA BORDA; text-shadow: 1px 1px 0 #COR DA SOMBRA;} .wish3:hover {color:#ffffff; padding-left : 50px; border-right: 15px solid #COR DA BORDA;}O código já explica tudo!Pra usar, cole esse código no gadget desejado:
<div class="wish3">O que quiser aqui</div>
Pronto!Lembrando que os créditos são pro tumblr Cssand-Html!
Até mais gente, amanhã eu posto viu?Espero que tenham gostado dos efeitos :B
Amei muito os efeitos! Vou até usar o 3 para meu próximo lay ^-^
ResponderExcluirSorry por não comentar muito, mas eh que tá difícil mesmo --' cada loucura que tá acontecendo por aqui #poisé
valle-mustaqet.(blogspot).
Adorei os efeitos
ResponderExcluire adorei o blog, seguindo aqui
é não sei se pode pedir mas tem como vc postar avatares,imagens para post do Jack Skellington??
espero a resposta
bjinhos
Chuva de sonhos
As imagens pode ser como efeito que vc achar mais bonito *--*
Excluir