Tooltip é um efeito usado quando você posiciona a seta do mouse sobre algum link que apareçe o efeito title.
1º Primeiramente faça login na sua conta blogger
- 2º Vai em editar HTML e procure por ]]></b:skin>
/* ToolTip
-------------------------*/
div#qTip {
padding: 3px;
border: 2px solid #000;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
display: none;
background:url(https://dl.dropbox.com/u/15489916/HD%20Create/Template/Background%20Tooltip.png) repeat;
color: #ffffff;
font: bold 9px Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
-webkit-transition: all 0.5s ease-out;
-webkit-transition-property: all;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-webkit-transition-delay: initial;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
- 4º Novamente com CTRL + F procure por </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>6º Salve e Pronto!
<script language='JavaScript' src='https://dl.dropbox.com/u/15489916/HD%20Create/Theme%20HD%20Create/ToolTip.JS' type='text/JavaScript'/>
Atenção: Só funcionará se tiver title veja o exemplo abaixo
<a href="LINK" title="AQUI ONDE O EFEITO ESTA APLICADO (TITLE)"><img alt="URL DA IMG" src="URL DA IMG" /></a>
0 Comentários
