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

𝖼𝗒ᑲ𝖾𝗋🪐𝖼𝗋υ𐓣𝖼ɦ	1712162354 Using Report Comment
funtime toby !! ★--	1707839976 usinggg Report Comment
Heirol	1705689139 using!! Report Comment
Nii ★🎸🎧⋆｡ °⋆	1694692058 using :P Report Comment
R0SEYTH0RNES	1694314729 using Report Comment
Johnnie Guilberts lice	1693355579 Using Report Comment
namidaah	1691900376 thx! using ^w^ Report Comment
R0SEYTH0RNES	1690777675 using Report Comment
Sunny!!	1689816712 Using <3 Report Comment
BROKER	1687382194 using!! Report Comment
valerie	1687213501 using! Report Comment
sam	1686492688 using this! matches my vibe so well, thank you <3 Report Comment
lyn	1684729130 I LOVE ITTTT Report Comment im adding thid to my favorites by lyn; 1684729157; Report thank youuuu by acer; 1684740390; Report i might uset his :p by sam :P; 1686775827; Report