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

roundcake	1719069449 using Report Comment
yamubi	1715401583 using Report Comment
𝙯𝙤𝙯𝙤 ! ｡ ⊹🎸	1712162354 Using Report Comment
utt0k0 >o<	1707839976 usinggg Report Comment
Heirol	1705689139 using!! Report Comment
Nia ★🎸🎧⋆｡ °⋆	1694692058 using :P Report Comment
R0SEYTH0RNES	1694314729 using Report Comment
MIKEY FANGZ	1693355579 Using Report Comment
Namidah ✦	1691900376 thx! using ^w^ Report Comment
R0SEYTH0RNES	1690777675 using Report Comment
˚*.✦　💉 sunny ˚　.˚　✦	1689816712 Using <3 Report Comment
nicole	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