« SpaceHey Groups

Spacehey Music

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", "Concerts", "Ranked" and "Artist Registration"

- 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.

preview

Spacehey Music Code part 1

Copy and paste to About Me

/*INSERT SPOTIFY / SOUNDCLOUD CODE HERE, SET width="100%" height="260" */

</div> <style>

main { position: relative; </style> <style>

.spaceheymusicplayer {

position: relative; position: absolute; top: 385px; left: 333.80px; width:467px;

}

@media (max-width: 600px) {

.spaceheymusicplayer {display:none;}

</style>

<style>

.links:not(footer .links)::after {

background: linear-gradient(#f6f6f6 13%, #CFCFCF);

background-repeat: repeat;

display: flex !important; content: '';

width: 800.1px;

height: 38px; padding-left: 10px;

border-bottom: 1px solid black;

text-shadow: 1px 1px 1px black;

}

@media (max-width: 600px) {

.links:not(footer .links)::after {width: 414.60px;}

}

.links:not(footer .links)::after {

margin-left: -16px;

margin-top: 3px;

margin-bottom: -3.5px;

</style> <style>

main {

position: relative;

</style> <style>

#musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}

#musicJVNav {position: relative; position: absolute; top: -36px; left: -3px; width:809px;}

#musicJVNav td {color:#999999;}

#musicJVNav a {color:Navy; font-weight:normal; font-size:11px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; display:inline-block;

padding-left:5px;padding-right:5px;

}

@media (max-width: 600px) {

#musicJVNav {width: 411px;}

}

@media (max-width: 600px) {

#musicJVNav a {font-size:6px;}

}

</style>

</a></td><td align="right">

<a href="xxxxxxxx">my music</a> |

<a href="xxxxxxxx">music videos</a> |

<a href="xxxxxxxx">featured playlists</a> |

<a href="xxxxxxxx">shows</a> |

<a href="xxxxxxxx">classifieds</a> |

<a href="https://acortar.link/vdq6cH">Artist Signup</a>

</td></tr></table>

<style>

/*Banner*/

main:before {

width: 804.2px; height: 250px;

display: block;content: "";

background-color:#1D4ED7;

background-image: url("xxxxxxxxx");

background-repeat: repeat;background-position: center center;

background-size: 300px;

border-style:solid;

border-width:3.3px;

border-color:#000000;

}

@media (max-width: 600px) {

main:before {width: 407.60px; height: 180px; background-size: 400px;}

}

/*Mini Banner*/

main .right:before{

width:461px; height: 92px;

display: block;content: "";

background-color:#1D4ED7;

background-image: url("xxxxxxxxx");

background-repeat: repeat;background-position: center center;

background-size: 300px;

border-style:solid;

border-width:3.3px;

border-color:#000000;

margin-bottom: 530px;

}

@media (max-width: 600px) {

main .right:before {width: 385.60px; height: 80px; background-size: 380px; margin-bottom: 25px;}

}

.profile h1 {

inline-size: 190px;

width: 310px;

}

/*Genre List*/

.profile h1::after {

font-size: 8pt;

font-weight: bolder;

content: "\A Genre 1 / Genre 2 / Genre 3 ";

white-space: pre;

}

.profile .url-info {

margin-bottom: 189px;

}

@media (max-width: 600px) {

.profile .url-info {margin-bottom: 0px;}

}

.edit-link{

display:none;

</style>

Spacehey Music Code part 2

Copy and paste to General

<h4>createSpace's General Info</h4></div>

<tbody>

<tr><td><p>Members</p></td><td><p>

xxxxxxxx

</p></td></tr>

<tr><td><p>Website</p></td><td><p>

xxxxxxxx

</p></td></tr>

<tr><td><p>Influences</p></td><td><p>

xxxxxxxx

</p></td></tr>

<tr><td><p>Sounds Like</p></td><td><p>

xxxxxxxx

</p></td></tr>

<tr><td><p>Record Label</p></td><td><p>

xxxxxxxx

</p></td></tr>

<tr><td><p>Type of Label</p></td><td><p>

xxxxxxxx

</p></td></tr></tbody></table></div></div></div><style>

main {

position: relative;

</style> <style>

.profile_GeneralInfo {

position: relative; position: absolute;

top: 718px; left: 9.80px; width:305px;

}

@media (max-width: 600px) {

.profile_GeneralInfo {display:none;}

</style>

Spacehey Music Code part 3

Copy and paste to Music

<h4>Upcoming Shows</h4></div>

<tbody>