Khamis, 7 Februari 2013

Tutorial slide down network tabs


Tumblr_mhuteq9pk41r8rt3po2_500_large

ASSALAMUALAIKUM . . Saje nak share tuto nie,,base code bukan sue punyer :3

Template Designer

 Layout  Html/JavaScript
 kalau nak copy sila tekan CTRL+C

<style>
#networks{
position:fixed !important;
left:0px; padding-top:5px;
top:0px;
padding-bottom:12px;
left:6px;
text-align:center;
height:5px;
width:70px;
overflow:hidden;

-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
background:transparent;
z-index:9999;
}
#networks:hover{
border:0px;

height:320px;
width:70px;
z-index:999999999;
background:transparent;
}
</style>
<div id="networks"><caviar><strong><font size=1>NETWORKS</font></strong></caviar><br>
<div class="meow">
<br />
<a href="URL OF NETWORK HERE"/><img src="URL OF IMAGE" height=30 /></a><br /><br />
<a href="URL OF NETWORK HERE"/><img src="URL OF IMAGE" height=30 /></a><br /><br />
<a href="URL OF NETWORK HERE"/><img src="URL OF IMAGE" height=30 /></a><br /><br />
</div>
</div>



credit : HTMLHELP


Tiada ulasan:

 
All right reserved by seuleira @copyright protected