music player 1

/** copy this code and paste before </style> **/

#musicplayer {
position: fixed;
top: 20px;
left: 20px;}

#musicplayer:hover .up{
width:200px; /** change the width if not enough space for the song here **/
opacity:1;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
transition:all 0.7s;}

.shut {
border: 1px solid #000; /** change the border colour here **/
background-color:#fff;
padding-top:2px;
padding-right:1px;
position: fixed;
width: 20px;
height:20px;
margin: 4px 5px 0px 0px;
overflow: hidden;
z-index: 9999;}

.up {
position: fixed;
background-color:#fff;
top: 20px;
left: 42px;
font: 11px consolas;
text-align:center;
border: 1px solid #000; /** change the border colour here **/
padding-top:6px;
padding-right:1px;
position: fixed;
width: 0px;
height:16px;
margin: 4px 5px 0px 0px;
overflow: hidden;
z-index: 9999;
opacity:0;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
transition:all 0.7s;}

/** copy this code and paste after <body> **/
/** there i've written MUSICHERE put your song url **/

<div id="musicplayer">

<div class="up">song</div>

<div class="shut"><div style="margin-left:-2.5px;margin-top:0px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
    <param name="bgcolor" value="#fff" />
    <param name="FlashVars" value="mp3=MUSICHERE&amp;autoplay=0&amp;bgcolor=fff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
</object></div></div></div>