<tr> </tr>
<div style="margin-top: 4px;margin-bottom: -12px;">
<div id="music"> <iframe allowfullscreen="" src="https://www.youtube.com/embed/dhZTNgAs4Fc?si=SGaRN43XlIGuJGIL//?&;amp;;autoplay=1" loading="lazy" width="560" height="315" frameborder="0"></iframe> <div> <span class="song">I'm Not Okay (I Promise)</span> <span class="artist">My Chemical Romance</span> </div> </div>
</div>
<style>
#music { position: relative; background: url('https://static.tumblr.com/bpdtqce/eNEnoonrt/musicplayer.png') top left no-repeat; background-size: auto; background-size: auto; background-size: 100% 100%; overflow: hidden; height: 50px; max-width: 305px; border: 1px solid #000000; } #music iframe { position: absolute; top: 0px; height: 47px; opacity: 0.00000000000000000000000001; z-index: 0; left: 0px; } #music div { position: absolute; top: 10px; left: 55px; width: 51%; margin: 0 !important; } #music span { display: block; color: #FFFFFF; font-weight: normal; text-align: left; font-size: 12px; width: 240px; }
</style>
<style> @keyframes spin {100% { transform:rotate(360deg); } }
- recordPlayer {
display: flex; justify-content: center; align-items: center; padding-bottom: 20px; }
- cd{
height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; }
- cdCover {
height: 150px; position: relative; z-index: 1; margin-right: 55px; } </style>
<div class="recordPlayer"> <img class="cd" src="https://64.media.tumblr.com/286265356398c84d561e06cf5515a1e8/63a4b8be8ac46310-a3/s400x600/70dd02451285ed067b36578e343b158dbd378767.pnj"/> <img class="cdCover" src="https://64.media.tumblr.com/a39ca6da572d6ab0166c233a49596a26/63a4b8be8ac46310-60/s400x600/f310c0b868e3b92b2ee97187dcf3444bf2343187.pnj"/> </div>
<style> @keyframes spin {100% { transform:rotate(360deg); } }
- recordPlayer {
display: flex; justify-content: center; align-items: center; padding-bottom: 20px; }
- cd{
height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; }
- cdCover {
height: 150px; position: relative; z-index: 1; margin-right: 55px; } </style>
<div class="recordPlayer"> <img class="cd" src="https://64.media.tumblr.com/cafa98ca78f038fb73aac0944a960098/511c6c98c423df9d-99/s1280x1920/e79bbef71422ba3c77e2ecfc09fb6cb06e93f2fa.pnj"/> <img class="cdCover" src="https://64.media.tumblr.com/7d1fa1bdd45dbd208c55b746a7be474d/511c6c98c423df9d-1d/s500x750/c1ec2dd93a37dbb71a159432e2a6d70a1907b76c.pnj"/> </div>
<style> @keyframes spin {100% { transform:rotate(360deg); } }
- recordPlayer {
display: flex; justify-content: center; align-items: center; padding-bottom: 20px; }
- cd{
height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; }
- cdCover {
height: 150px; position: relative; z-index: 1; margin-right: 55px; } </style>
<div class="recordPlayer"> <img class="cd" src="https://64.media.tumblr.com/7065adedddfe4b05326757f59916d282/8d06b19c47dea87c-8b/s640x960/4c5d21581abe855a46ff108a5302375b21c72b99.pnj"/> <img class="cdCover" src="https://64.media.tumblr.com/d30d76dd16adb829a5dc61b08008e224/8d06b19c47dea87c-8e/s640x960/87621557ce0d29fd44534b8deaefb23aeab71dab.pnj"/> </div>
jul 15 2024 +