dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



Descrição de links com Efeito Tooltip Transparente




Nesta postagem venho mostrar para vocês este efeito bem elegante na descrição dos links do seu blogger. 

Para colocar no seu blogger... Entre em "Modelo" - "Editar HTML e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte código
/* -- Tooltip -- */
div#qTip {
font: normal bold 12px 'Trebuchet MS', Trebuchet, sans-serif;
color:#FFFFFF;
text-align:left;
letter-spacing:1px;
background: #000; opacity: 0.6;)
-moz-box-shadow: 0 0 25px rgba(4, 4, 4, .2);
-webkit-box-shadow: 0 0 25px rgba(4, 4,4, .2);
box-shadow: 0 0 25px rgba(4, 4, 4, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border:0px solid #363636;
padding: 5px;
display:none;
position:absolute;
z-index:1000;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-goog-ms-border-radius:2px;
border-radius:2px;
-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;
}
Agora, procure pela tag
</head>
ACIMA dela, cole o seguinte código
<script src='https://sites.google.com/site/dinamitehackers/dh/dinamite.js' type='text/javascript'/>
<script src='http://blogando-com-facilidade-codes.googlecode.com/files/tooltip%20%5BBcF%5D.js'>
</script>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://felipe-matos.webs.com/lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://sites.google.com/site/addinblogger/how-to-add-in-blogger/grey.gif&quot;,threshold : 200});
});
</script>
Tendo colado o código, basta salvar e pronto!!!

Programa de Afiliados Cursos 24 Horas
Descrição de links com Efeito Tooltip Transparente Descrição de links com Efeito Tooltip Transparente Reviewed by Muca on 10/24/2013 05:23:00 PM Rating: 5