My Comments

what is Spacehey Music?

Spacehey Music is a custom HTML code that you are creating to enhance the profiles of music artists and bands on Spacehey. With this code, artists will be able to add elements such as:

- An additional navigation bar with options such as "My Music", "Music Videos", "Featured Playlists", "More artists", "Shows", "Group" and "Forums"

- A "General Information" table with fields to add information such as members, website, influences, similar sounds, record label, and label type.

- An "Upcoming Concerts" table with eight boxes to add information about live concerts, such as date, location and how to attend

The goal of Spacehey Music is to facilitate the promotion of music and the connection between artists and their fans on Spacehey. It is a very useful and exciting project! Spacehey Music is, in essence, a recreation of Myspace Music, with the aim of reviving the essence of the original platform on Spacehey.

This project is being carried out by N4TH4N43L XP and is constantly being updated. This project is an unofficial initiative until Spacehey officially launches Spacehey Music.

Spacehey Music alternative logo: https://i.postimg.cc/HxrJWMG4/Logo-MSM.png

If you ever need help with your code, feel free to message N4TH4N43L XP or Spacehey Music.

Space For Artists

Spacehey Music

Code :

Copy and paste to About Me

<style>

:root {
   --Alternative_Logo: url("https://i.postimg.cc/DZrgWMS2/Logo-SHM.png");    /*personalized*/
   --Banner1_image: url("https://images2.imgbox.com/24/6e/yngqs0eR_o.png"); /*personalized*/
   --Banner2_image: url("https://images2.imgbox.com/e5/50/59sFPBPh_o.png"); /*personalized*/
   --Banner3_image: url("https://images2.imgbox.com/24/6e/yngqs0eR_o.png"); /*personalized*/
}
nav .links {
  margin-bottom: 40px;
}
main {
  position: relative;
}
.edit-link {
 display:none;
}
#Spacehey_Music_Nav  {
  position: relative; 
  position: absolute; 
  top: -40px; left: 0px; 
  height: 38px; width: 810px;
  background: linear-gradient(#f6f6f6 13%, #cfcfcf);
  border-bottom: 1px solid black;
}
#Spacehey_Music_Nav a {
  color:Navy; 
  font-size: 11px;
  font-weight: normal; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:   5px;
  padding-right: 5px;
  display: inline-block;
}
.SHM_0 {
  height: 32px; width: 104px; 
  background: var(--Alternative_Logo);
  background-repeat: no-repeat;
  background-size: 104px;
  overflow: hidden; 
  display: table-cell; 
}
#Spacehey_Music_Nav td {
  color: #999999;
}

/*Banner 1*/

main:before {
 height: 250px; width: auto;
 display: block;content: ""; 
 background-color:#1D4ED7;
 background: var(--Banner1_image);
 background-position: center center;
 background-repeat: repeat;
 background-size: 300px;
 border: 3px solid #000000;
}

/* Genre List */

.profile h1 {
  inline-size: 190px;
  width: auto;
}
.profile h1::after {
  font-size: 8pt;
  font-weight: bolder;
  content: "\A Genre 1 / Genre 2 / Genre 3 ";   /*personalized*/
  white-space: pre;
}

/*General-Info Table*/

.profile .General-Info {
  position: absolute;
  width: 304px;
  margin-top: -205.80px; /*Increase the number needed so that the table does not overlap.*/
  margin-bottom: 0px;
  margin-left: -107px;
  margin-right: 0px;
}
.profile .General-Info {
  border: 2px solid #60A5FA;
  border: 2px solid var(--lighter-blue);
}
.profile .table-section {
 margin-top: 189px; /*Increase the number needed so that the table does not overlap.*/
}
.profile .table-section+.table-section {
 margin-top: 0px;
}

/*Mini Banner*/

main .right:before{
 height: 92px; width: auto;
 display: block;content: ""; 
 background-color:#1D4ED7;
 background: var(--Banner2_image);
 background-position: center center;
 background-repeat: repeat;
 background-size: 300px;
 border: 3px solid #000000;
 margin-bottom: 255px; /*Increase the number needed so that the table does not overlap.*/
}

/*Upcoming-Shows Table*/

.profile .Upcoming-Shows {
  position: relative; 
  position: absolute; 
  top: 390px; 
  left: 333.80px;
  width:467px;
}
.profile .Upcoming-Shows {
  border: 2px solid #60A5FA;
  border: 2px solid var(--lighter-blue);
}
.profile .profile-info { 
  margin-bottom: 20px;
}

/*Banner 3*/

footer:before{
 height: 150px; width: auto; 
 display: block;content: ""; 
 background-color:#1D4ED7;
 background: var(--Banner3_image);
 background-position: center center;
 background-repeat: repeat;
 background-size: 300px;
 border: 3px solid #000000;
}

/*mobile version settings*/

@media (max-width: 600px) {

#Spacehey_Music_Nav  {
  width: 411.60px;
}
main:before {
  background-size: 300px;
}
main .right:before{
  background-size: 300px;
  margin-bottom: 20px;
}
.profile .mood b {
  display:none;
}
.profile .mood p:first-child:before{
  content:"Mood:";
  font-size: 12.70px; 
  font-family: Arial Black;
}
.profile .contact .heading {
  display: none;
}
.profile .contact {
  position: absolute;
  height: 0px; width: 0px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a,
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a,
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a,
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a,
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
  display:none;
}
.profile .url-info, .profile-info .profile, .blog-preview {
  display:none;
}
.profile .General-Info {
  width: 391.70px;
  margin-left: -135.40px;
}
.profile .Upcoming-Shows {
  top: 1180px; left: 10px; 
  width: 391px;
 display:none;
}
footer:before{
  background-size: 300px;
}

</style>

<div class="Spacehey_Music_Nav">
 <table id="Spacehey_Music_Nav">
 <td>
  <a href="https://spacehey.com/topmusic" class="SHM_0"></a>
 </td>
 <td align="right">
  <a href="/*Inthispartyoumustputthelinkwhereyouuploadyourmusic*/" class="SHM_1">my music</a> |
  <a href="/*Inthispartyoumustplacethelinkwhereyouuploadyourmusicvideos*/" class="SHM_2">music videos</a> |
  <a href="https://blog.spacehey.com/entry?id=1625864" class="SHM_3">featured playlists</a> |
  <a href="https://blog.spacehey.com/entry?id=1626142" class="SHM_4">more artists</a> |
  <a href="/*Inthissection,youmustincludethelinktopurchaseticketsforyourshows.*/" class="SHM_5">shows</a> |
  <a href="https://groups.spacehey.com/myspacemusic" class="SHM_6">group</a> | 
  <a href="https://groups.spacehey.com/forum?id=36451" class="SHM_7">forums</a>
 </td>
 </table>
</div>

Copy and paste to General

Copy and paste to Music

<div class="Upcoming-Shows">
 <div class="heading">
 <h4>Upcoming Shows</h4>
 </div>
  <div class="inner">
  <table class="details-table" cellspacing="3" cellpadding="3">
  <tbody>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

<tr>
<td><p>MM/DD/20XX</p></td>
<td><p>00:00</p></td>
<td><p><a href="xxxxxxxxx">Generic Concert Venue</a></p></td>
<td><p>City, ST</p></td>
</tr>

</tbody>
 </table>
 </div>
</div>

N4TH43L XP

Contacting

Add to Friends Add to Favorites

Instant Message Add to Group

Profile URL

SpaceHey URL:

https://spacehey.com/cr33pyb00m

Home

Layouts

Music

Decora