Oi, galerinha eu nao ia postar uma hora dessa, mas como eu estava organizando o meu Template ainda um pouco mas... Dando uns pequenos ajustes em detalhes, acabei encontrando esse "Efeitos de tooltips", entre as minhas pastas do 4shared havia encontrado em um site internacional a alguns anos atras, porem nao anotei o mesmo para poder dar os devidos creditos e nem havia publicado.Poucos tem paciencia com ele e existem varias formas de personaliza-lo. Todos amam, e super inutil nos blogs, porem deixa tudo mais bonito, certo? O visual do blog deve ser convidativo, e ja o adaptei ao meu cantinho. Sendo assim, bora deixar seus blogs mais bonitos?O que sao tooltips? Sao mensagens que aparecem em certos elementos quando posicionamos o cursor do mouse sobre aquele link, visualize um exemplo aqui [x] Neste tutorial iremos aprender a personaliza-lo de uma forma bem divertida e original.► Va na aba modelo → editar html → prosseguir e precione as teclas (ctrl+f). Nela procure por: </body> acima dessa tag, cole o seguinte codigo abaixo:Esse codigo e vital para o tooltip, sem ele nao funciona, por isso, em ambas as versoes, este codigo deve ser instalado no seu html corretamente !<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'/><script src='http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js' type='text/javascript'/><script> (function($){ $(document).ready(function(){ $(&quot;[title]&quot;).style_my_tooltips(); }); })(jQuery);</script>Salve. Abra novamente a caixa de pesquisa e busque por: ]]></b:skin> Acima desta tag, adicione o seguinte codigo:#s-m-t-tooltip {background: #000000; /* COR DE FUNDO */color: #ffffff; /* COR DO TEXTO */font-family: calibri; /* TIPO DE LETRA */font-size: 9px; letter-spacing: 1px; border: 4px double #ffffff; /* BORDA DO TOOLTIP */border-radius: 5px;text-transform: uppercase;line-height: 11px;text-align: center;display: block;padding: 10px 15px 10px 15px;margin: 20px 10px 0px 10px;z-index: 999;}Como posso colocar os efeitos no tooltip?Para utilizar qualquer um dos efeitos abaixo, substitua o codigo citado acima pelo codigo que se encontra no {html} .(cole-o acima de ]]></b:skin> ok )O interessante aqui e que voce pode criar o seu proprio efeito, desta forma seu tooltip ficara ainda mais original. Mas, se voce nao esta com paciencia para pensar em algo funcional, deixo cinco exemplo bem bonitinhos que foi desenvolvido com detalhes :Efeito "Zoom continuo": Previa / HtmlEfeito "Repercussao": Previa / HtmlEfeito "Giro vertical": Previa / HtmlEfeito "Giro horizontal duplo": Previa / HtmlEfeito "Vai e volta": Previa / Html Espero que tenham gostado e que tenha sido um post bem util para voces. Peco desculpas, de novo pra quem pediu o tooltip e eu nao postei antes... Ate breve ! Quando recordo minhas primeiras paixoes, me sinto tao distante de quem eu fui. Forco a mente, mas nao me lembro de como eu me via no espelho, do que eu sentia no peito, do que eu realmente queria. Eu aprendi tarde certas coisas. Eu errei bastante para entender como e viver a vida. Nao e que hoje eu saiba, afinal, o aprendizado e constante. Mas e bom olhar para dentro e vislumbrar o quanto o tempo, as pessoas, as escolhas transformam quem a gente e.Sempre fui romantica, vivi em devaneios. Nao ilusoes, porque meu amor nunca escapou pelos dedos. Mas pensamentos. Possibilidades. Quem e que nunca sonhou com o amor da vida? Porem, faz parte