Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <center>[<b>♬</b>] South of the border Ed Sheeran/Camilia/Cardi
- <style>
- <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> http://k007.kiwi6.com/hotlink/o1y7rafp75/Ed_Sheeran_South_of_the_Border_Music_Video_ft._Camila_Cabello_Cardi_B.mp3
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement