Current layout-

Tags: cof, grunge, cry of fear
Description:

Don't wanna lose it while I do other stuff Original by tilapia (https:layouts.spacehey.com/layout?id=26484)
Preview:

click on the image for a larger preview
Code:

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

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

<marquee><p>Song Playing - Brandon by Andreas Ronnberg</p></marquee><p>

</p><img src="" width="400px"/>
  
<p>Hi. I'm Vie/Andreas</p><p>
</p><p>Under construction</p><p>

</p><h4>Blinkies:</h4>
<img src="https://wilardo.crd.co/assets/images/gallery09/c953ba7e_original.gif?v=bca827db" width="160px"/>
<img src="https://wilardo.crd.co/assets/images/gallery09/a3f78309_original.gif?v=bca827db" width="160px"/>
<img src="https://wilardo.crd.co/assets/images/gallery09/e30218eb_original.gif?v=bca827db" width="160px"/>
<img src="https://wilardo.crd.co/assets/images/gallery26/62393be9_original.gif?v=b62e9456" width="160px"/>
<img src="https://external-media.spacehey.net/media/sa0LTx4eespS4qOOuf0obnGEKMjYCpSV5jsUPl8fNcSQ=/https://wilardo.crd.co/assets/images/gallery12/8c6124d0_original.gif?v=bca827db" width="160px"/>
<img src="https://external-media.spacehey.net/media/s2COUG4Hp7g4IezSL8caMLKKJMZrgPREofCZt48w2zE0=/https://wilardo.crd.co/assets/images/gallery12/82f02293_original.gif?v=bca827db" width="160px"/>
<img src="https://external-media.spacehey.net/media/sEyf7xnmfsM1dCxLMYcttcT8cR-nYQ_8Z1oVVmsXpaSk=/https://wilardo.crd.co/assets/images/gallery26/09144b27_original.gif?v=bca827db" width="160px"/>
<img src="https://external-media.spacehey.net/media/sw9moWjYNURyh2g5ImHb0cLCH0zFXB876I968VpsXQ98=/https://plasticdino.neocities.org/blinkie/being%20dorky.gif" width="160px"/>
<img src="https://wilardo.crd.co/assets/images/gallery26/13e9616e_original.gif?v=b62e9456" width="160px"/>
<img src="https://wilardo.crd.co/assets/images/gallery26/00b81807_original.gif?v=b62e9456" width="160px"/>
<img src="https://external-media.spacehey.net/media/s4gwqmCs6Mji-uqsaPsr9UeNWWN6R00ThfXcZHwRJXV8=/https://plasticdino.neocities.org/blinkie/30d9a6ce.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/s1n1AEdxm-rnUbZQ6R7lwCtKYF5M-KHJPuTi8l5Gr6dE=/https://supplies.ju.mp/assets/images/gallery07/7c33023e_original.gif?v=8cd1d9b0" width="160px"/>
<img src="https://external-media.spacehey.net/media/sx1gMpHYZHeniQkHXD2mGt4VjkEHKMhAqPUuGguyOpkY=/https://plasticdino.neocities.org/blinkie/uncool.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sOFvkTPROHn7PkkheCj_UBE6mE6g-qb3ZWsY9T5nnhjs=/https://plasticdino.neocities.org/blinkie/superstar.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sBYCnTNE8CNvF5N6PG9Vke-wltOTuS4hK3viimJm7wxQ=/https://plasticdino.neocities.org/blinkie/tumblr_88f976b66205eb6ca68332b1c159ae73_b18d1d7b_250.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/s-fqlEGgoGBVy4sisCJszfKGwyfu5coxQuCa_vCxgzNs=/https://64.media.tumblr.com/7d3eb3cf9783b2e34a9497d744a03e5b/bb5775ad1c9c2e5d-e6/s250x400/41446ceb6353a4f51f8d650e4a3a670894bd6913.gifv" width="160px"/>
<img src="https://external-media.spacehey.net/media/sRGE4MbFzwQ06rmyGvb_HNi5FuNpJO41offqCNaV6mWY=/https://collection.ju.mp/assets/images/gallery17/16a70297.gif?v=8eb30ec7" width="160px"/>
<img src="https://external-media.spacehey.net/media/sw6Y99XgIwTE8nmNdurddkQyWjgvcoXQjlRhOOQiRwis=/http://dl6.glitter-graphics.net/pub/976/976336iiof8g9a9g.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/s1q-sza4RTNq_FcpaBxhYFq3gzal1lzuNqnGjy5CBPAM=/https://shishka.neocities.org/shishka/img/blinkies/15.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sN6p0cPO-T5mkUqAQr_MY_rMVCLcPZJblkV4Dk9FufB4=/https://plasticdino.neocities.org/blinkie/KyPTz4p.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sxxw-kcHSm0fqsK-ujI8PSfutfW1rgp6IfsyLFECdqyE=/https://wilardo.crd.co/assets/images/gallery26/b6c061bc_original.gif?v=d19c95ca" width="160px"/>
<img src="https://external-media.spacehey.net/media/s3vRLhn8l2uY4G_Yo3Rq-zu2XUCIXh1vN-0BYGyP67HE=/https://64.media.tumblr.com/62a6ebad15f6ba534747faa81a22a02f/f0424b13e269e0d1-d8/s250x400/085e9c0f0bd966bcaa474476fbfeeba54a7f8084.gifv" width="160px"/>
<img src="https://external-media.spacehey.net/media/s2GrOPGi1TEgi8-aAt2EORNp1uoCQZECeKovzKeIBxDE=/https://koinuko.pink/mygraphics/blinkies/hellokitty4.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sLmdWiJ0kRS12EKJRVjXn01FQsjNdHGtyhz6CHKPVk0M=/https://shishka.neocities.org/nofollow/img/blinkie-fake-download-button.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/s5l8TuZ6gBh3_QF2IehCy8FphLXB5_8Ya2XbGYV5mwEY=/https://i.ibb.co/MGGncMb/cring.webp" width="160px"/>
<img src="https://external-media.spacehey.net/media/sl0WOqj4g43BX2Etpfi7CxLk00TY-gjJC5oTCiW2NLQU=/https://blinkies.cafe/b/display/0015-exit-button.gif" width="160px"/>
<img src="https://external-media.spacehey.net/media/sRyVIlwZxPXvZy6ZNkYimwYiDjgzOpsTeCI11PNe14NY=/https://gifcity.carrd.co/assets/images/gallery20/457cafe6.gif?v=a5c82efa" width="160px"/>
<img src="https://external-media.spacehey.net/media/sNxff45Va1x8Rzf0-T3dAcVLKNNekt5hnxWwm5hEjLbo=/https://gifcity.carrd.co/assets/images/gallery20/4850a145.gif?v=a5c82efa" width="160px"/>
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c3ef2508-134f-4f8a-ad4d-5d53cf1cabba/dh0yyv4-c62ef982-b0d4-4841-9770-7d63006c9091.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2MzZWYyNTA4LTEzNGYtNGY4YS1hZDRkLTVkNTNjZjFjYWJiYVwvZGgweXl2NC1jNjJlZjk4Mi1iMGQ0LTQ4NDEtOTc3MC03ZDYzMDA2YzkwOTEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9eqPzlnH0YpnvKaEidZ5Z-8P1jseh_2XOa8EKAroQeI" width="160px"/>
<img src="" width="160px"/>
<img src="" width="160px"/>
<img src="" width="160px"/>
<img src="" width="160px"/>

<style>
    body{
        background-color: black;
        background-attachment: fixed;
        background-image: url('https://wallpaper-mania.com/wp-content/uploads/2018/09/High_resolution_wallpaper_background_ID_77700439824.jpg');
        background-size: 1000px;
        o
        
    }
    MAIN{
        background-color: transparent;
    }
    main .left{
        background: linear-gradient(to top, black ,#171717, #25200e);
        border-top: solid #373014 5px;
        box-shadow: 0px 0px 20px #655825;
        border-radius: 20px;
    }
    main .right{
        background-color: transparent;
        border-radius: 20px;
    }
    .profile .blurbs .heading{
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        text-align: center;
        color: white;
        margin-left: 20px;
        width: 700px;
        transform: rotate(3deg);
        box-shadow: 0px 0px 10px white;
    }

</style>

<style>
    .profile h1{
        text-align: center;
        text-shadow: 0px 0px 15px white ;
        font-size: 50px;
        color: white;
        
    }
    
    .profile .friends .person img:not(.icon){
        filter: brightness(130%) contrast(140%) grayscale(80%);
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
           animation: blink .1s infinite;
           box-shadow: 0px 0px 15px white;
           border: solid white 1px;
    }
@keyframes blink {
  0% {
    opacity: 90%;
       
    }
    
    
</style>

<style>
    .profile .friends .heading{
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        text-align: center;
        color: white;
        margin-left: 20px;
        width: 700px;
        box-shadow: 0px 0px 10px white;
    }
    
</style>

<style>
    .profile .friends .heading{
            
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
    
}
        .profile .blurbs .heading h4{
    animation: blink .1s infinite;
    }
@keyframes blink {
  0% {
    opacity: 80%;
        
        
    }
    
</style>

<style>
    .container{
        width: 1200px;
    }
    
</style>

<style>
    @import url('https://fonts.googleapis.com/css2?family=Gruppo&display=swap');
a{
    font-family: 'Gruppo', cursive;
    font-size: 15px;
    color: white;}

p{
  font-family: 'Gruppo', cursive;
  font-size: 15px;
  color: white;
}
h1,h2,h3,h4,h5{
  font-family: 'Gruppo', cursive;
  font-size: 20px;  
  color: white;
  text-shadow: 0px 0px 15px white;}
  
  a{
        
    color: white;
  
  
    
</style>
<style>
    main .left{
        animation-name: floating;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
    
}
    }
    
    
</style>


<style>
    .blurbs .heading
    { 
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
    
}
        .profile .blurbs .heading h4{
    animation: blink .1s infinite;
    }
@keyframes blink {
  0% {
    opacity: 80%;
    
</style>

<style>
    .profile h1
    
    {
    animation: blink .1s infinite;
    }
@keyframes blink {
  0% {
    opacity: 70%;


    }
    
    
</style>

<style>
    .profile .blurbs .section h4{
        color: white;
        text-align: center;
        
    }
    .general-about .profile-pic img{
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border: solid white 1px;
        box-shadow: 0px 0px 15px white;
        filter: brightness(120%) contrast(90%) grayscale(80%);
        margin-top: 10px;
        margin-left: 15px;
    }
    
</style>

<style>
    img:hover{
          transform: scale(1.1); 
          transition: transform .2s; 
        
    }
    
    nav .top{
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border: ridge gray 3px;
        background: linear-gradient(to bottom left, black ,#25200e, black);
        margin-bottom: 20px;
        box-shadow: 0px 0px 10px white;
        
    }
    
    nav .links{
        background: linear-gradient(to bottom right, black ,#25200e, black);
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border: ridge gray 3px;
        margin-bottom: 20px;
        box-shadow: 0px 0px 10px white;
        text-align: center;
        font-size: 15px;
        
    }
     a:hover{
        
    color: gray;
   transform: scale(1);
  transition: all 0.3s ease-in-out 0.1s;
         
     }
    .links a:hover{

    color: white !important;
    background-color: black;
    text-shadow: 0px 0px 10px white;}
    
    .profile .friends .inner{
        text-align: center;
        margin-top: 20px;
        margin-left: 50px;
    }
    
    .count{
        color: white;
    }
    
    [id='q']{
        background-color: black;
        box-shadow: 0px 0px 10px gray;
        border: none;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        background: linear-gradient(to top, black ,#171717, #25200e);
        border: solid black 2px;
    }
    
    
.logo {
   content: url(https://media.discordapp.net/attachments/1064462871947378729/1075953717519589426/spaceheylogo_1.png?width=180&height=48);
   size: 20px;
   filter: brightness(50%) grayscale(30%);
}
.profile .contact{
    border: none;
}

.profile .contact .heading{
    border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        box-shadow: 0px 0px 10px white;
}

.icon{
    content:url(https://www.freeiconspng.com/thumbs/orb-png/orb-png-11.png);
    filter: grayscale(100%) brightness(50%);
}

.profile .url-info{
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        border-left: none;
        border-right: solid #25200e;
        box-shadow: 0px 0px 10px white;
        
}

.profile .table-section .heading{
    
    background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        border-left: none;
        border-right: solid #25200e;
        box-shadow: 0px 0px 10px white;
        border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    
}

.profile .table-section{
    border: none;
    margin-bottom: 20px;
}

.profile .mood{
    margin-bottom: 15px;
    margin-top: 15px;
}

.general-about{
    background: linear-gradient(to bottom left, black ,#25200e, black);
        border-top: ridge #25200e 8px;
        border-bottom: ridge black 8px;
        border-left: none;
        border-right: solid #25200e;
        box-shadow: 0px 0px 10px white;
        border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    height: 200px;
    
}

.details-table td {
    background-color: black;
    border: ;
}

table.details-table{
    
    background-color: black;
}

.comments-table td{
    background-color: transparent;
    border: none;
    
}
table.comments-table{
    border: none;
    
}
.comments-table td *{
    border-radius: 20px;
    text-align: center;
    
}

.profile .friends .person p{
    color: white;
}
</style>

<style>
    :root {
    --light-orange: ;
       --even-lighter-blue: black;
</style>

<style>
main:before {
width: ;
height: 150px;
display: block;
content: "";
background-image: url('https://coop-land.ru/uploads/posts/2022-07/1657618437_1.jpg');
background-position: center;
background-size: 850px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px ;
margin-bottom: 20px;
margin-top: 10px;
border: ridge gray 3px;
box-shadow: 0px 0px 10px white;
filter: brightness(130%) contrast(140%) grayscale(80%);
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;

    
    
}

</style>

<style>
    main{
    animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out
    margin-left: 30px;
    margin-top: 5px;
}
 
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   
    
}
    
</style>

<style>

/* LISTENING TO BULLETS ON REPEAT WHILE DOIN' ALL THIS SHIT. FEEL FREE TO REMOVE THIS SMALL MESSAGE OF MINE. */
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: black;
z-index: 2;
background-size: 100% 2px, 3px 100%;
opacity: 30%;
pointer-events: none;
}
</style>

<style>
  .profile .mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 428px;
  background-image: url(https://i.pinimg.com/564x/e8/4f/3e/e84f3e2a0241ee92f3fbcc19e5d2aa56.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  align-content: center;
  border-radius: 10px;
  border: ridge white 3px;
  margin-left: 13px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px white;
  filter: sepia(100%) hue-rotate(19deg) saturate(50%) brightness(60%) contrast(150%);
  
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth692.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/25/dimension-pointer.html" target="_blank" title="Dimension Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Dimension Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
    .profile .profile-info {
	background: linear-gradient(to bottom left, black ,#25200e, black);
	border: ridge gray 2px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	text-align: center;
	box-shadow: 0px 0px 10px white;
}
    
    
</style>
<style>
.links .special a:link, .links .special a:visited  {
  color: white;
}

.links .special a:hover {
  color: gray;
}
</style>
<style>
/* REMOVE THIS IF YOU WANT YOUR IMAGE NOT TO HAVE THE SAME COLOUR AS THE WHOLE LAYOUT. */
    img{
        filter: sepia(100%) hue-rotate(19deg) saturate(50%) brightness(80%) contrast(150%);
    }
    
</style>
<style>

.online{content:url("https://i8.glitter-graphics.org/pub/769/769008u5kw9iin2y.gif");
     filter: sepia(100%) hue-rotate(19deg) saturate(50%) brightness(80%) contrast(150%);
height: 30px;
    
    
    
}

</style>

<style>
             ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: black
    }

    ::-webkit-scrollbar-track {
    background: linear-gradient(to bottom left, black ,#25200e, black);
    }
    
    footer{
        background-color: transparent;
</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 1 of 1 comments ( View all | Add Comment )
tristan ⛧ inactive-ish ⌆
1731790370
using as a base is that alright ? ^_^
Report Comment
Not mine so off XP
by Dahvie Insanity; 1731797328; Report