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 37 comments ( View all | Add Comment )

Scott	1755476593 Using! Report Comment
[ - 𝓎𝓊𝓂𝒾𝓀𝒶 -]	1751779603 Using Report Comment
Puttochi	1751735124 Using Report Comment
Puttochi	1751735124 Using Report Comment
nevideat	1751483918 using! Report Comment
Niko	1750228819 Using Report Comment
Emmen	1747137909 using :3 Report Comment
Shiny_Shin	1745000553 using Report Comment
✩Sociallydead✩	1744743715 Using!!! Report 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