<a href="http://tinypic.com?ref=2ai262d" target="_blank"><img src="http://i65.tinypic.com/2ai262d.jpg" border="0" alt="Image and video hosting by TinyPic"></a> Song title - band



<style>

Music Player Template #8 | design and coding by Kiwi Lovehart (/1132477) of the loser?s club @ loserlyts.tumblr.com ?

- DO NOT remove my credit.
- DO NOT redistribute, use as a base, or claim as your own.
- DO NOT merge my layouts with layouts from other sites. Not coolio.

- DO feel free to ask questions and send messages to me via tumblr or on rp.me.
- DO visit loserlyts.tumblr.com for more content!

</style>

<style>

Music Player Template #8 | Instructions

- READ CAREFULLY: As you fill in the song title and artist, IT WILL SHIFT which will make the template look off. I've provided specific instructions on /HOW/ to shift the title.
- To change title: CTRL+F 'song title' and replace with whatever you want
- To change artist name: CTRL+F 'artist name' and replace with whatever you want
- To shift title: CTRL+F '#song-title' and change the % value in 'left'. (+) POSITIVE VALUES {ex: 28% -> 40%) WILL SHIFT THE ELEMENT TO THE RIGHT. (-) NEGATIVE VALUES {ex: 28% -> 10%) WILL SHIFT THE ELEMENT TO THE LEFT.

/*--- Customizing Colors ---*/
- To change title color: CTRL+F '#song-title' and replace '#555' with desired hex code
- To change progress bar color: CTRL+F 'div class="bar" style="width: 20%; background: #555;' and replace '#555' with desired hexcode

</style>

<style>@import url(https://fonts.googleapis.com/css?family=Karla|Poppins:400,500,700|Muli:400|Raleway:400,500,700|Oswald);

  @font-face {
  font-family: "vcr";
  src: url('https://dl.dropbox.com/s/lq2nz8ia8g1aow0/VCR_OSD_MONO_1.001.ttf');
  }

#nowplaying {
  width: 240px;
  height: 80px;
  border: 0px solid #eee;
  position: relative;
}

#time-elapsed {
  font: 7px 'arial';
  color: #b1b1b1;
  letter-spacing: 1px;
  top: 20%; left: 8%;
  position: absolute;
}

#time-remaining {
  font: 7px 'arial';
  color: #b1b1b1;
  letter-spacing: 1px;
  top: 20%; right: 8%;
  position: absolute;
}

#slider {
  width: 5px;
  height: 15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow:0 0 5px #f2f2f2;
  left: 32%; top: 15%;
  position: absolute;
  z-index: 5;
}

#song-title {
  font: 16px 'silkscreen';
  letter-spacing: 1px;
  color: #555;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  left: 27%; top: 48%;
  position: absolute;
}

#song-title span.artist {
  font: 6px 'vcr';
  color: #b1b1b1;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  display: block;
}

.progress {
  width: 145px;
  height: 5px;
  border-radius: 20px;
  background-color:rgba(244,244,244,.5);
  position: absolute;
  top: 21%; left: 20%;
  display:block;
  overflow:hidden;
  }

.bar {height: 5px;}

</style>



</I></center>
<audio autoplay loop><source src="http://k007.kiwi6.com/hotlink/k8ddds2dlg/He_Is_We_-_Prove_You_Wrong_Lyrics_on_Screen_HD.mp3">
</audio>