Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <link href="//fonts.googleapis.com/css?family=Karla" rel="stylesheet">
- <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <script src="https://dl.dropbox.com/s/q3g9wib9m3prasf/glenplayer03.js"></script>
- <style>
- #ongaku {
- position:fixed;
- bottom:15px;
- left:15px;
- width:30px;
- height:30px;
- z-index:9999;
- border:4px double #ffbfe0; /*Border Colour*/
- background-color:#fff; /*Music Tab Background Colour*/
- border-radius:30px;
- opacity:.6;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #gaku {
- width:24px;
- height:24px;
- margin-top:3px;
- margin-left:3px;
- overflow:hidden;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #kero {
- height:26px;
- }
- #kero img {
- margin-right:10px;
- margin-left:3px;
- margin-top:3px;
- }
- #kero embed {
- margin-top:-5px;
- }
- #kero embed, #kero {
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #ongaku:hover {
- opacity:1;
- width:80px;
- }
- #ongaku:hover #gaku {
- width:74px;
- }
- #ongaku:hover #kero {
- margin-left:-50px;
- }
- .gst.material-icons {
- margin-left:1px;
- position:relative;
- left:20px;
- font-size:15px;
- color:#222; /* play & pause buttons color */
- cursor:pointer;
- }
- </style>
- <div id="ongaku"><div id="gaku"><div id="kero">
- <table cellspacing"0" cellpadding="0"><tr><td>
- <!-- Music Gif URL Here (Replace the Link)--><img src=" http://media.tumblr.com/tumblr_m7w0seu08Y1r6o8v2.gif"></td><td>
- <!-- Music Code Here -->
- <a class="fire1" onclick="javascript:fireAudio1();">
- <i class="gst material-icons playy1"> ♪</i>
- <i class="gst material-icons pausee1"> </i>
- </a>
- <audio id="audio1" src="https://dl.dropbox.com/s/22he1ckywvszvcw/Click.mp3"></audio>
- </td></tr>
- </table>
- </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement