<style>

main {
  position: relative;
}
:root {
   --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;
}
#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: url(https://i.postimg.cc/VvLB2K7r/Logo-SHM.png) no-repeat; 
  background-size: 104px;
  overflow: hidden; 
  display: table-cell; 
}

/*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;
}

/*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 if the table overlaps another table*/
}

/*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;
}

/* 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;
}

/*Extra table configuration*/

.profile .Upcoming-Shows .heading,
.profile .General-Info .heading {
  background: #60A5FA;
  background: var(--lighter-blue);
  color: white;
  padding: 2px 7px;
}
.profile .Upcoming-Shows,
.profile .General-Info {
  width: 100%;
  border: 2px solid #60A5FA;
  border: 2px solid var(--lighter-blue);
  margin: 10px 0;
}
.profile .Upcoming-Shows {
  position: relative; 
  position: absolute; 
  top: 380px;        /*position in a way that is needed*/
  left: 333.80px;
  width:467px;
}
.profile .General-Info {
  position: relative; 
  position: absolute; 
  top: 760.50px;  /*position in a way that is needed*/
  left: 9.80px; 
  width:304px;
}

/*Important settings*/

.edit-link {
 display:none;
}
.mood {
 padding: 3px;
 margin-top: 10px;
 margin-bottom: 10px;
}
.profile .url-info {
 margin-bottom: 190px; /*increase if the table overlaps another table*/
}
.profile-info {
 margin-bottom: 20px;
}

/*mobile version settings*/

@media (max-width: 600px) {

#Spacehey_Music_Nav  {
 width: 411.60px;
}
main:before {
 background-size: 300px;
}
main .right:before{
 background-size: 300px;
}
.mood {
 margin-bottom: 190px; /*increase if the table overlaps another table*/
}
.mood>:last-child b:first-child {
 display:none;
}
.mood>:last-child b:first-child:before{
 display:none;
}
.mood b a{
 display:none;
}
.profile .contact {
 display:none;
}
.contact {
 position: absolute;
 top: -5000%; left: 100px; 
 display: table;  
}
.contact img {
  display: none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a {
 display:none;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a {
 display:none;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a {
 display:none;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a {
 display:none;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a {
 display:none;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a {
 display:none;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a {
 display:none;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
 display:none;
}
.profile .url-info {
 display:none;
}
.profile-info {
 display:none;
}
.blog-preview {
 display:none;
}
.profile .Upcoming-Shows {
  top: 1180px;  /*position in a way that is needed*/
  left: 10px; 
  width: 391px;
}
.profile .General-Info {
  top: 550px;  /*position in a way that is needed*/
  left: 10px; 
  width: 391px;

</style>

<td align="right">
<a href="AQUI PON EL SITIO WEB DONDE SUBES TUS CANCIONES" class="SHM_1">my music</a> |
<a href="HERE PUT THE WEBSITE WHERE YOU UPLOAD YOUR MUSIC VIDEOS" 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="PUT HERE A WEB PAGE WHERE YOUR CONCERTS ARE USUALLY HOSTED" 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>

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

Layout Code

Layout Code

Layout Code