Sorry por não ter postado ontem mas é que eu estava vendo alguns presentinhos para o natal e não tive tempo para postar! Mas hoje eu vou postar um tuto que vai deixar seu blog maravilhoso que é tooltip personalizado! Eu não sabia como personalizar antes mas andei procurando o tutorial pelo google até que eu achei :) Vamos nos jogar agora? Então cliquem em leia mais!!
Vamos ao tutorial :3
Vá em Design > Editar HTML > F3 > procure por /body
Escolha um desses modelos de tooltip (feitos pela gizaa) e copie, e cole ACIMA de /body
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip{font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#fff url(http://4.bp.blogspot.com/-7BFeVaO2a-o/TyR4UER99oI/AAAAAAAAA3o/2rZfhjBk2WU/s1600/a.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#f9b;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#fee url(http://4.bp.blogspot.com/-3EIJVRWuVLQ/TyoLQkHA9JI/AAAAAAAAA_0/bKWPw5HBNa4/s1600/65miniflormagiagifsrm4.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#f9b;box-shadow:0 1px 3px #ccc;border-radius:4px}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#eee url(http://2.bp.blogspot.com/--QGMjDUMOro/TyqmVxWifKI/AAAAAAAABAM/HggMWWP_DMI/s1600/virtual-cahveiga.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#888;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>Eu acho todos lindos e cutes! mas o que eu mais gosto é o primeiro :) Tomara que tenham gostado desse post!! Os créditos do tutorial vão para este blog. Logo já vamos está no natal, como esse ano passou rápido né? Parecia que ontem eu estava criando esse blog e ele tinha 10 seguidores
<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip {font:bold 10px 'verdana';margin:17px 0;padding:3px 35px;display:none;background:#e1cdff url(http://2.bp.blogspot.com/-7adVbZRyVP0/TyqnFcaRBcI/AAAAAAAABAU/jqbm_kztoug/s1600/886.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#fff;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
Beijinhos de cookies ^3^
Eu acheei lindo o primeiro!! :3 A respeito da afiliação no Blogger vê com a Brenda, a dona, ela tem uma ask ( ask.fm/gavecrazy ) Amei o Things Teen, já vou seguir! ♥
ResponderExcluir~ Cath do http://gavecrazy.blogspot.com.br/