blue cybercore aesthetic

Tags: cybercore, blue, futuristic, glitch, simple

Description:

just a simple cybercore layout i coded a while ago and just found on an old account, so i thought i'd share it here! if there's any issues let me know! (edit: i added tv static lines gif to the background cuz someone who liked my layout wanted to know how to do tv static on their own layout, but the glitch effect was just the background image with the profile opacity turned down. if you don't want the static, delete the last bit of code)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by acer (https://layouts.spacehey.com/layout?id=31287) -->

<style>
    body{
        
    background-color: white !important;
    background-image: url('https://64.media.tumblr.com/3966c804140e4846921ae8d0d190fd7a/dfaf31216dfdf09d-b4/s1280x1920/7b56e1e83c25b11e038df8442ad574f358b28675.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
     opacity: 0.9;   
    }
</style>
<style>
    main{
     
    background-color: white !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
  
    }
</style>
<style>
    .top{
        
    background-color: transparent !important;
       
    }
    
    .links{
        
    background-color: transparent !important;

    }
    
    footer{
        
    background-color: transparent !important;
    
    }
    
    .comments-table {
        
    background-color: transparent !important;
    background-image: url('') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: center !important;
    border: 0;    
    }
</style>
<style>
    .comments-table td{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: BOTTOM !important;
    border: 0;    
    }
    
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>
<style>
    .contact{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: transparent !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
   
    }
</style>
<style>
    .blog-preview h4{
        
    background-color: ;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
  .profile .table-section{
    text-shadow:1px 1px px #87CEEB;!important
    border:2px white;
    border-radius: 1px;
background-image: url();
  }
  .profile .table-section .heading{
    background: #87CEEB;
    border: 1px transparent;
    border-radius: 0px 0px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: white;
    text-shadow: 1px 1px 2px skyblue;
  }
  .profile .table-section .details-table td{
    color: #87CEEB;
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 .profile .blurbs .section h4{
     color: skyblue;
     text-shadow: 0px 0px 0px;
  } 
    .blurbs .heading{
     color: white;
 }
    .contact{
     color: white;
 }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(135, 207, 235);
   color: white;
   
  }
  </style>
  <style>
    a{
        
    color: skyblue !important;
        
    }
    a:hover{
        
    color: skyblue !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: white !important;

    }
    .top a:hover{

    color: white !important;

    }
    .top a:visited{

    color: white !important;

    }
    .links a{
    
    color: white !important;
    
    }
    .links a:hover{

    color: white !important;

    }
    .links a:visited{

    color: white !important;

   }
    .friends-grid p{
        
    color: lightgray !important;
        
    }
    footer .links a{

    color: white !important;

   }
    footer .links a:hover{

    color: white !important;

   }
    footer .links a:visited{

    color: white !important;

   }
   
    .top{
        
    color: white;
        
    }    
    main{

    color: #363738 !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>

<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "👥"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "💙"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "💬"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "↗️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "🌐"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "🧿"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "💎"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "🗣"
}
</style>
<style>
    .top{

        border-radius: 25px 25px  0 !important;

    }
    main{

        border-radius:   25px 25px !important;

    }
</style>
<style>
.online{


content: url("https://i.imgur.com/P8qIdBQ.png") !important;


}
</style>
<style>
.online{


content: url("https://i.imgur.com/T28gAn9.png") !important; 
width:150px 20px;

}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://media.tenor.com/la6A3cTgnTMAAAAM/static-tv.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 29 comments ( View all | Add Comment )

Ҝ卂山卂	1743545904 Using ty 🫧 Report Comment
🎸UmJamieLammy🏳️‍⚧️	1741506143 Using <3 Report Comment
KALEN	1741481390 Using :> Report Comment
Sean	1740147523 using! Report Comment
pintrovert	1739253875 using! Report Comment
Macy	1739190903 Using :3 Report Comment
3loy Terminator	1738004528 using Report Comment
kaiserstar	1736688618 Using Report Comment
Ceit/Kate	1736628070 might use :3 Report Comment
pietro	1735156073 using Report Comment
ryland / october	1728709350 using!! Report Comment
elias . \| im rarely online on disc . \|	1726914156 using !! Report Comment
sare	1725314453 this is just an imac g3 original background choice but multiplied because i'm assuming the image coding got messed up Report Comment (im og creator replying on my alt) codings not messed up, this layout was really a test and i never uploaded it completed so i uploaded it now to not lose the coding and so others can add whatever they want to it. by acer XP; 1733292944; Report
ry☆	1723851497 usinggg!! Report Comment
roundcake	1719069449 using Report Comment
Gabriel The Apostate of Hate	1715401583 using Report Comment
an / ame ?!	1712162354 Using Report Comment
utt0k0 >o<	1707839976 usinggg Report Comment
Heirol	1705689139 using!! Report Comment
Nia ★🎸🎧⋆｡ °⋆	1694692058 using :P Report Comment