This is not a functional player, it's just decoration, so you can change the name of the music, put the artist name, change the cover photo of the music and switch between the spacehey music logo and myspace music.
posted
This is the code you must paste in the Heroes section, in the Interests table
<!-- (c) Layout created by N4TH4N44L XP (https://spacehey.com/creepyboom) -->
<tr></tr>
<div style="margin-top: 4px;margin-bottom: -12px;">
<div id="Spacehey_Music">
<!-- If you wish, you can change the SpaceHey Music logo to MySpace Music.) -->
<p>
<a href="https://spacehey.com/topmusic" title="Spacehey Music">
<img src="https://i.postimg.cc/VvLB2K7r/Logo-SHM.png" style="position:absolute;top:4px;left:5px;width:75px;"/></a>
</p>
<!-- Here you will put the link to the Spotify album.) -->
<p>
<a href="YOULINK" title="Amazon Music">
<img src="https://i.postimg.cc/CLf3kS1q/Amazon.png" style="position:absolute;top:128px;left:14px;width:16px;"/></a>
</p>
<!-- Here put the name of the music and the artist.) -->
<div id="Album_Of">
<span class="song">Music Name </span>
<span class="artist">Artist Name</span>
</div>
<div id="Time_Seen">
<span class="Seen">00:02</span>
</div>
<div id="Remaining_Time">
<span class="Remaining">02:04</span>
</div>
<div id="Album_Cover">
</div>
</div>
</div>
<style>
/*Here you can put the photo of the cover of the music or album.*/
:root {
--Album_Cover: url(https://i.postimg.cc/c1K79nmj/320-sin-t-tulo-20250411202130.png);
}
#Spacehey_Music {
position: relative;
height: 148px;
background: linear-gradient(#f6f6f6 13%, #CFCFCF);
background: url("https://i.postimg.cc/Znbfbwxb/music-player.png") top left no-repeat;
background-size: auto;
background-size: auto;
background-size: 100% 100%;
overflow: hidden;
max-width: 305px;
border: 1px solid #000000;
}
#Album_Of {
position: absolute;
top: 78px; left: 100px;
width: 51%;
margin: 0 !important;
}
#Album_Of span {
display: block;
color: #FFFFFF;
font-weight: normal;
text-align: left;
font-size: 10px;
width: 240px;
}
#Album_Cover {
position: relative;
top: 20.30px; left: 5.20px;
width: 100px; height: 100px;
background: var(--Album_Cover) top left no-repeat;
background-size: 90px;
overflow: hidden;
max-width: 305px;
}
#Time_Seen {
position: absolute;
top: 111px; left: 100px;
width: 51%;
margin: 0 !important;
}
#Time_Seen span {
display: block;
color: #5F5E5C;
font-weight: normal;
text-align: left;
font-size: 10px;
width: 240px;
}
#Remaining_Time {
position: absolute;
top: 111px; left: 253px;
width: 51%;
margin: 0 !important;
}
#Remaining_Time span {
display: block;
color: #5F5E5C;
font-weight: normal;
text-align: left;
font-size: 10px;
width: 240px;
</style>
posted
posted
This is amazing!! I just tried it on my profile and it looks beautiful. thank you so much!
Forum:
Report Topic
Permalink