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

ryland	1728709723 random question,,,, don't know if this is happening with anybody else but after i set the layout there's a corrupted/?marked image right below my edit symbol under my status and you section..... what's the code that could be fucking this up? Report Comment it doesnt seem like my coding is messed up at all by acer XP; 1733292986; Report
ryland	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
danie ⛧	1722813561 usingggg 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
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
blehh	1687382194 using!! Report Comment
valerie	1687213501 using! Report Comment
sam	1686492688 using this! matches my vibe so well, thank you <3 Report Comment