Caixinha da Ask com Efeito Hover.
Veja o exemplo.
Cole este código antes de </style>:
/* Ask Hover - by: daniideutscher.tumblr.com */ .forask {background: #f88da4; /* Cor de Fundo */ padding: 8px; /* Tamanho da Borda */ border-radius: 6px; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s; } .forask:hover {background: #fff; /* Cor de fundo ao passar o mouse */ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
Se você quiser que não haja efeito de rotação, só apagar a parte que se encontra no hover:
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);
Depois você vai colar o código abaixo, em qualquer lugar onde você quiser que apareça a caixinha da ask (depois de <body>):
<iframe frameborder="0" border="0" scrolling="no" width="400px" height="149" allowtransparency="true" src="http://www.tumblr.com/ask_form/seu-tumblr-aqui.tumblr.com" style="overflow:hidden;" class="forask">
Mude o width (largura) e height (altura) para que fique alinhado ao local que você colocar.
E mude seu-tumblr-aqui pela sua url.
Tutorial by: Danii, se usar, credite!
