Home About Tutorial Freebies Linkies Status


10 Budak Comel Datang Melawat



Template by: Aqila Farah Zulkifli
Re-Edit by: aqilaaa fawaaahh
Others Helping: Aina & Wana & Khairina
Best view in Google chrome only.



Tutorial : Hide Music Player ( 2 )
Post by Aqila Farah Binti Zulkifli on Saturday, November 17, 2012
Assalammualaikum dan selamat sejahtera :) 

Preview : 


Template Designer :

1. Copy code dibawah
2. Paste dekat HTML/Javascript

Clasic Template / Blogskins

1. Copy code dibawah
2. Paste dekat bawah </style>

<style>
#musicplayer {
text-align:center;
font-size:9px;
color:#000;
background-color:#fff;
width:170px;
position:fixed;
top:-35px;
left:20px;
height:30px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px
z-index:9999;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
#music {
padding-top:10px;
background-color:#fff;
height:30px;
width:55px;
text-align:center;
font-family:consolas;
text-transform:uppercase;
font-size:8px;
opacity:1;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
margin-top:15px;
margin-left:60px;
-webkit-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
}
#musicplayer:hover {
padding-top:20px;
top:-5px;
}
#musicplayer:hover #music {
-webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
margin-left:0px;
opacity:0;
}
</style>
<div id="musicplayer">
<center>MUSIC PLAYER CODE HERE</center>
<div id="music"><img src="http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
</div>

27 comment[s] | back to top