}

21 de abr de 2013

Tuturial:Efeito Queen

            
Olá Gente T Com Vcs? Acho Que sim Pq Comigo ta Tudo otimo... Eu estava Olhando No Google e Achei esse  Tutorial....  Eu N Sou Muito De Enrolar  Mais Pra Vcs Terem uma Ideia Como que é Click Aqui
Chega Vamos Começar

 Primeiramente:vá até seu HTML E Procure ]]></b:skin> ..Acima Do Tag Coloque Esse Codígo   
.queen a, .queen a img {display: inline-block;}.queen a {width: LARGURADAIMAGEMpx; height: ALTURADAIMAGEMpx; position: relative; padding: 3px; background: #CORDABORDA; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px;}.queen a span {position: absolute; width: 110px; height: 110px; top: 3px; left: 3px; text-align: center; font: 8px handy; text-transform: uppercase; line-height: 110px; text-color: #CORDOTEXTO; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); font-size: 8px; opacity: 0; filter: alpha(opacity=0); background: rgba(255,255,255,0.8); transition-duration: 2s; -webkit-transition-duration: 1s; -moz-transition-duration: 2s;}.queen a:hover span{opacity: 1; filter: alpha(opacity=99);}

Arrume as partes em negrito...Salve . Agora vá ate seu layout e abra um gadget de HTML/JavaScript, então cole:


<div class="queen">
<a href="SEULINK.COM"><img src="URL DA IMAGEM" />
<span>SEU TEXTO</span></a>
<a href="SEULINK.COM"><img src="URL DA IMAGEM" />
<span>SEU TEXTO</span></a>
</div>
Novamente Arrume As Partes Em negrito e Então Salve ... Prontinho  ......

Xau


Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...