my record collection 1 !!! ✩✩

Tags: black, dark, goth, metal, vinyl, gif, type o negative, bauhaus, sisters of mercy, joy division

Description:

these are some of the record covers on my profile!! this is a good way to show off your favourite albums! you can change the photo by going to the bottom where it says "vinylCover", then you change the image address. Let me know if there are any problems, comment if using ♥♥

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by bela.lugosi.is.deadd (https://layouts.spacehey.com/layout?id=99127) -->

<!-- (c) Layout created by BadBoy xD (https://layouts.spacehey.com/layout?id=89253) -->
<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://s3.amazonaws.com/quietus_production/images/articles/17433/first-and-last-and-always_1426323527.jpg"/>
</div>





<!-- (c) Layout created by BadBoy xD (https://layouts.spacehey.com/layout?id=89253) -->
<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://images.fnewsmagazine.com/2012/03/InTheFlatField.jpg"/>
</div>





<!-- (c) Layout created by BadBoy xD (https://layouts.spacehey.com/layout?id=89253) -->
<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://post-punk.com/wp-content/uploads/2015/06/lovewilltearusapart.jpg"/>
</div>



<!-- (c) Layout created by BadBoy xD (https://layouts.spacehey.com/layout?id=89253) -->
<style>
  @keyframes spin {
    100% {
      transform:rotate(360deg);
    }
  }
  
  .recordPlayer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .vinyl {
    height: 150px;
    margin-left: 55px;
    padding: 10px;
    animation: spin 1.88s linear infinite;
    position: absolute;
  }
  .vinylCover {
    height: 150px;
    position: relative;
    z-index: 1;
    margin-right: 55px;
  }
</style>

<div class="recordPlayer">
  <img class="vinyl" src="https://external-media.spacehey.net/media/sCXRszaZLEFtlkAYRDaBxpnFzRRzG-X8X8NXqrEgf6EY=/https://beta.vinylify.com/wp-content/uploads/2018/05/vinyl-black.png"/>
  <img class="vinylCover" src="https://upload.wikimedia.org/wikipedia/en/f/f7/Bloodykiss.jpg"/>
</div>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 450 comments ( View all | Add Comment )

Ren	1786410193 Used this type of! I did update some of it to make it moveable so I could position it where I wanted! @keyframes spin { 100% { transform: rotate(360deg); } } /* EDIT THESE VALUES TO MOVE THE PLAYER / .positioned-player { position: absolute; / Use 'fixed' instead if you want it to stay in place when scrolling / top: 120px; / Distance from the top of your profile / left: 460px; / Distance from the left side of your profile / z-index: 7; / Keeps the player on top of backgrounds */ } .recordPlayer { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; } .vinyl { height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; } .vinylCover { height: 150px; position: relative; z-index: 1; margin-right: 55px; } Report Comment
rottengirldawn	1786277262 using!!! Report Comment
khai DeVil	1786183252 using Report Comment
moepq	1785582341 Usingg Report Comment
DearSv3tl4na	1785074764 using Report Comment
z0m1b3_sk8er	1784668271 using Report Comment
Jonn.rlstupid	1784564596 Using the Type o negative onee Report Comment
persephone	1784216536 usingg Report Comment
Eli｡𖦹°‧⭑.ᐟ	1783965403 using!! Report Comment
𔓘.Sapphire.𔓘	1783701446 using !! Report Comment
osamu	1783435076 using Report Comment
zavi.html	1783351443 using! Report Comment
𝄞 🅈eon	1781275617 using!!! Report Comment
jordan	1780421241 using! Report Comment omg how did you get the sound ? by 🗝️🕷️𝖓𝖎𝖘𝖗𝖎𝖓𝖊🎼💿; 1780933555; Report if u mean the sound on my profile, just look up twin peaks under the layouts option and it should come up ^^ by jordan; 1780944610; Report
Sosa	1780383449 Using! Report Comment
MaryOnTheWeb	1780013458 using Report Comment
juicy_widowspeak	1779939615 using Report Comment
Dgnachvi	1779630058 using Report Comment
Dgnachvi	1779630058 using Report Comment
morrow	1779545780 using! Report Comment