Efeito Zoom Desc

Cd: Shooting Stars

Olá Lindos!

Hoje eu peguei lá no Chovendo Diamante, esse efeito para autoras, que é muito lindinho, vocês vão amar!

O nome dele é Zoom Desc, mas tarde se aparecer alguma novidade eu posto, Okay?

Para ver o efeito, é só você clicar aqui ^^

Vá em Modelo >> Editar HTML. Clique na caixinha no HTML, depois aperte Ctrl + F. Dê umenter e procure por:

</head>

Cole o seguinte código acima da tag:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link href="http://static.tumblr.com/q3bfkrn/Rqkm9dgu8/bubble2_ch.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://static.tumblr.com/q3bfkrn/nT7m9dg20/bubble_ch.js"></script>
<script type="text/javascript">
 
    jQuery(document).ready(function($){
    $('ul#orbs').imgbubbles({factor:1.30}) //add bubbles effect to UL id="orbs"
})
 
</script>

Agora, cole o seguinte código acima de ]]></b:skin> :

#orbs li{width: 60px; height:60px;}
#orbs li img{width: 60px; height: 60px;}
.bubblewrap .tooltip{
    position:absolute; margin-top:0px;
    font:bold 8px verdana;  margin-top:90px;
    padding:2px; text-transform:uppercase;
    width:100px; text-align:center;
    background:white; border-radius:5px;
    text-shadow: 0px 0px 9px rgba(150, 150, 150, 0.7);
    box-shadow: inset 0px 0px 13px gray;}

Depois de ter feito isso, salve.

Para usar o efeito, cole o seguinte código em um gadget de HTML/JavaScript:

<ul id="orbs" class="bubblewrap"><li><a href="LINK 1"><img src="IMAGEM 1" alt="Moderador 1" /></a></li><li><a href="LINK 2"><img src="IMAGEM 2" alt="Moderador 2" /></a></li><li><a href="LINK 3"><img src="IMAGEM 3" alt="Moderador 3" /></a></li></ul>

Cd: Chovendo Diamante