Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /** copy this code and paste before </style> **/
- #musicplayer {
- position: fixed;
- top: 80px;
- 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: 80px;
- 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: 200px;
- 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&autoplay=0&bgcolor=fff&loadingcolor=4c4c4c&buttoncolor=4c4c4c" />
- </object></div></div></div>
Add Comment
Please, Sign In to add comment