Spacehey TV - Videos

Code :

Copy and paste to About Me

<style>

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');

.Spacehey-Videos-table-1 {
  width: 446px; height: 352px;
  background-color: transparent;
  border: 2.99px solid transparent;
}
.Spacehey-Videos-table-2 {
  position:absolute;
  width: 440px; height: 344.60px;
  background-color: #000000;
  background: url(https://i.postimg.cc/g0Hk4GBc/Spacehey-Video-BG.png) no-repeat; 
  background-size: 434px;
  background-position: left center;
  border: 2.99px solid transparent;
}
 #Spacehey-Videos {
   position:absolute;
   top: 40px;
   width: 434.60px; height: 229.60px;
   background-color: #000000;
   background: url(https://i.postimg.cc/rpPzrJNT/Spacehey-Video-Gif.gif) no-repeat; 
   background-size: 220px;
   background-position: center center;
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos:before {
   position:absolute;
   top: 0; left: 0; 
   width: 429px; height: 224px;
   display: block; content: " "; 
   z-index: 100;
   background-image: url(https://i.postimg.cc/Dfcnpwk9/Loading-spacehey-TV.gif);
   background-size: cover;
   background-repeat: no-repeat;
   background-position:center;
   filter: invert(100%);
   animation: yourAnimation 5s ease 0s 1 normal forwards;
   pointer-events: none;
}
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;}
}
 #Spacehey-Videos iframe{
   width: 452px; height: 224px;
}
 #Spacehey-Videos img{
   width: 452px; height: 224px;
}
 #Spacehey-Videos-comment {
   position:absolute;
   left: 0px;
   width: 129.60px; height: 40px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6;  
}
 #Spacehey-Videos-comment:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 130px; height: 11px;
   display: block; content: "COMMMENT";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 10px;
   text-align: center;
}
 #Spacehey-Videos-comment:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-addtoprofile {
   position:absolute;
   left: 129.60px;
   width: 175px; height: 40px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6;   
}
 #Spacehey-Videos-addtoprofile:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 175px; height: 11px;   
   display: block; content: "ADD TO PROFILE";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 10px;
   text-align: center;
}
 #Spacehey-Videos-addtoprofile:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-morefromuser {
   position:absolute;
   left: 305px;
   width: 129.60px; height: 40px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6;   
}
 #Spacehey-Videos-morefromuser:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 130px; height: 11px;
   display: block; content: "MORE FROM USER";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 10px;
   text-align: center;
}
 #Spacehey-Videos-morefromuser:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-logo-1 {
   position:absolute;
   top: 227px; left: 300px;
   width: 129.60px; height: 40px;
   background-color: #C7C9C6;
   background: url(https://i.postimg.cc/HnpZ0Zjj/Spacehey-TV-White-Logo.png) no-repeat; 
   background-size: 130px;
   border-radius: 10px 0px 0px 0px;
   border: 2.99px solid transparent; 
}
  #Spacehey-Videos-player {
   position:absolute;
   top: 269.50px; left: 0px;
   width: 434.60px; height: 30px;
   background-color: #C7C9C6;
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-player:before {
   width: 434.60px; height: 30px;
   display: block; content: "";
   background: url(https://i.postimg.cc/Gtd67LwQ/Spacehey-TV-Player.png) no-repeat; 
   background-size: 425px;
}
 #Spacehey-Videos-logo-2 {
   position:absolute;
   top: 299.60px; left: 0px;
   width: 175px; height: 40px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-logo-2:before {
   width: 175px; height: 40px;
   display: block; content: "";
   background: url(https://i.postimg.cc/Lst3ytcP/Spacehey-TV-White.png) no-repeat; 
   background-size: 135px;
   background-position: center top;
}
 #Spacehey-Videos-logo-2:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-titule {
   position:absolute;
   top: 299.60px; left: 175px;
   width: 259.60px; height: 40px;
   background-color: #9B9B9B;
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-titule span {
   display: block;
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 11px;
   font-weight: normal;
   text-align: left;
   width: 259px;
}

/* MOBILE */

@media (max-width: 600px) {

.Spacehey-Videos-table-1 {
  width: 370.80px; height: 346px;
  background-color: transparent;
  border: 2.99px solid transparent;
}
.Spacehey-Videos-table-2 {
  position:absolute;
  width: 365px; height: 350px;
  background-color: #000000;
  background: url(https://i.postimg.cc/g0Hk4GBc/Spacehey-Video-BG.png) no-repeat; 
  background-size: 357px;
  background-position: top center;
   border: 2.99px solid transparent; 
}
 #Spacehey-Videos {
   position:absolute;
   top: 35px;
   width: 359.60px; height: 234.60px;
   background-color: #000000;
   background: url(https://i.postimg.cc/rpPzrJNT/Spacehey-Video-Gif.gif) no-repeat; 
   background-size: 200px;
   background-position: center center;
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos:before {
   width: 354px; height: 228.80px;
   display: block; content: " "; 
}
 #Spacehey-Videos iframe{
   width: 359px; height: 240px;
}
 #Spacehey-Videos img{
   width: 359px; height: 240px;
}
 #Spacehey-Videos-comment {
   position:absolute;
   left: 0px;
   width: 110px; height: 35px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-comment:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 110px; height: 11px;
   display: block; content: "COMMMENT";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 8px;
   text-align: center;
}
 #Spacehey-Videos-comment:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-addtoprofile {
   position:absolute;
   left: 110px;
   width: 140px; height: 35px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-addtoprofile:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 140px;  height: 11px;   
   display: block; content: "ADD TO PROFILE";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 8px;
   text-align: center;
}
 #Spacehey-Videos-addtoprofile:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-morefromuser {
   position:absolute;
   left: 249.60px;
   width: 110px; height: 35px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-morefromuser:before {
   position:absolute;
   left: -3px; top: 10px;
   width: 110px; height: 11px;
   display: block; content: "MORE FROM USER";
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 8px;
   text-align: center;
}
 #Spacehey-Videos-morefromuser:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-logo-1 {
   position:absolute;
   top: 227px; left: 240px;
   width: 110px; height: 40px;
   background: url(https://i.postimg.cc/HnpZ0Zjj/Spacehey-TV-White-Logo.png) no-repeat; 
   background-size: 110px;
   border-radius: 10px 0px 0px 0px;
   border: 2.99px solid transparent; 
}
  #Spacehey-Videos-player {
   position:absolute;
   top: 269.50px; left: 0px;
   width: 359.60px; height: 30px;
   background-color: #C7C9C6;
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-player:before {
   width: 359.60px; height: 30px;
   display: block; content: "";
   background: url(https://i.postimg.cc/Gtd67LwQ/Spacehey-TV-Player.png) no-repeat; 
   background-size: 350px;
}
 #Spacehey-Videos-logo-2 {
   position:absolute;
   top: 299.60px; left: 0px;
   width: 140px; height: 35px;
   background: linear-gradient(#AAD1FF, #3A92FE, #AAD1FF);
   border: 2.99px solid #C7C9C6; 
}
 #Spacehey-Videos-logo-2:before {
   width: 140px; height: 35px;
   display: block; content: "";
   background: url(https://i.postimg.cc/Lst3ytcP/Spacehey-TV-White.png) no-repeat; 
   background-size: 115px;
   background-position: center top;
}
 #Spacehey-Videos-logo-2:hover {
   background: linear-gradient(#AAD1FF, #277BE1, #AAD1FF);
}
 #Spacehey-Videos-titule {
   position:absolute;
   top: 299.60px; left: 140px;
   width: 219.60px; height: 35px;
   background-color: #9B9B9B;
   border: 2.99px solid #C7C9C6;
}
 #Spacehey-Videos-titule span {
   display: block;
   color: #FFFFFF;
   font-family: 'Orbitron', sans-serif; 
   font-size: 9px;
   font-weight: normal;
   text-align: left;
   width: 200px;
}

</style>

Copy and paste to About Me / Who I'd like to meet

<div id="Spacehey-Videos">
!!!YOUR VIDEO OR IMAGE/GIF HERE!!!
 </div>

<a href="https://spacehey.com/brand" id="Spacehey-Videos-logo-1" title="Spacehey TV - logo"></a>
<img src="" id="Spacehey-Videos-player"/>
<a href="https://spacehey.com/home" id="Spacehey-Videos-logo-2" title="Spacehey TV - menu"></a>

<div id="Spacehey-Videos-titule">
  <span id="Name-Video">[ Video name ]</span>
  <span id="Name-Autor">[ Author's name ]</span>
 </div>

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

My Comments

Decoration

Spacehey TV - Videos

Code :

N4TH43L XP

Contacting

Profile URL