Efeitos 2
Efeitos :: Crazy Opacity
© Unfe3ling Tutorials. Se lhe for útil dê like, se usar credite.
Obs: O que definirá o tamanho será os icons, o tamanho que usei nesse daí foi 100x100.
1). Cole o código abaixo onde deseja que o efeito apareça:
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/KsVm7q575/cai_1.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/oi9m7q57a/cai_3.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/VVpm7q57i/cai2.png" /></a>
<br>
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/KsVm7q575/cai_1.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/oi9m7q57a/cai_3.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/VVpm7q57i/cai2.png" /></a>
<br>
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/KsVm7q575/cai_1.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/oi9m7q57a/cai_3.png" /></a>
<a href="LINK-AQUI">
<img onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" style="opacity: 0.5;" src="http://static.tumblr.com/m69m65e/VVpm7q57i/cai2.png" /></a><br>
Mude os links e as imagens.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
Wishlists :: Modelo II
© Unfe3ling Tutorials & Desenvolvimento. Se lhe for útil dê like, se usar credite.
Código CSS:
Abra este documento, escolha o modelo de wish que você deseja, copie o código e cole-o antes de </style>.
Código HTML:
Agora pegue o código abaixo da sua wish respectiva e cole-o onde desejar que ela fique:
Modelo 1:
<div class="menumw2"><a href="LINK">Wishlist #1</a></div>
Modelo 2:
<div class="menumw"><a href="LINK">Wishlist #2</a></div>
Modelo 3:
<div class="menumw3"><a href="LINK">Wishlist #3</a></div>
http://lugardohtml.tumblr.com/post/47466131152/wishlists-modelo-ii
0 comentários: