343 NOTES
REBLOG
#music player
#resource
#goodies

Music box, music player container

Preview : Heichou theme

In the CSS Part (Below <style type=”text/css”>)

#musicbox
    {position:fixed;
    top:0px;
    left:35;
    width:95px;
    height:12px;
    background-color:#fff;
    text-align:center;
    padding:3px;
    overflow:hidden;
    border-radius:3px;
    -moz-border-radius:2px;
    opacity:0.5;
    -webkit-transition: opacity 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
        }

#musicbox:hover
    {opacity:1;
        }

#insidebox
    {height:11px;
    -webkit-transition: opacity 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
        }
        
#playerbox
    {margin-top:5px;
        }
#musicbox:hover #insidebox
    {margin-top:-20px;
        }

In the Body Part (Below <body>)

<div id=’musicbox’>
<div id=’insidebox’>
<div id=’musicpic’><img src=’http://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif’/></div>
<div id=’playerbox’>MUSIC PLAYER CODE</div>
</div><!—insidebox—>
</div><!—musicbox—>
  1. just-nothing-and-everything reblogged this from gyapo
  2. honura reblogged this from bluenaegi
  3. shsl-technophile reblogged this from thedaemonsisters
  4. pinkuchen reblogged this from gyapo
  5. you-cannot-redo reblogged this from gyapo
  6. dreams-limited reblogged this from gyapo
  7. stephatonis reblogged this from a--themes
  8. frickingreferences reblogged this from bluenaegi