another webcore layout !

Tags: animated; webcore; aesthetic

Description:

My back hurts but it was worth it!

please remember to give me credits if you use this layout by commenting, dming me that you used it or maybe friend me or smth

Preview:

click on the image for a larger preview

Code:

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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/df/a3/21/dfa3218bb136f8f70ad9d27a889597f4.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center center;
animation: yourAnimation 3s ease 1s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>



<style>

.profile-pic{

border-radius: 500px;

overflow: hidden;

}


.profile .friends .person img {

border-radius: 500px;

}
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://img.ifunny.co/images/c5036557b566ea436f63a51ed0339f5d4774a8d46ac4897567097947f46285a0_1.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>



<style>
    body{
        
    background-color: none;
    background-image: url('https://64.media.tumblr.com/6b5247ff0ae406136a60958014fc1005/d5681d677e5347fb-10/s400x600/843ea7fae3315c8f1d63db8f6fcc831338d2e360.gifv');
    background-repeat: repeat;
    background-position: center center;
        
    }
</style>


<style>
    main{
     
    background-color: black;   
    background-image: url('none');
    background-repeat: fixed;
    background-position: center center;
        
    }
</style>



<style>
   nav .top{
        
    background-color: none !important;
    background-image: url('https://66.media.tumblr.com/7d1d52b8f2557406ff489dc20900dd89/tumblr_namfyorlWq1s9ab4to1_500.gif');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>



<style>body { 
cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/x6cC/8enAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/10A//9dAP//XQD//10A//9dAP//XQD//10A//9dAP//uI8uAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP9dAP//XgH//+PT///z7P///fz/////////////28f//2QK//9dAP//XQBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/XQDt/10A/9HV/////////////////////////////8jN///Q1P///340//9dAP//uI8MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//r3Af9dAP/Ft+H/vcP///b3///Eyv//xcr////////t7///vcP//73D/////////2EH//9dAPwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+vcB/10A/+Xo//7L0P///2II//+AN/////////////9dAP//gDf//v7/////////vJb//10A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/XQD//18D/v//////Zg7//2wX/////////////10A//+AN/////////////+OTv//XQD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/XQD//14B///6+P///////////////////////////////////////18D//9eAfkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/m1wP/XQD6/10A//////////////////9gBf//////////////////hT///10A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/w5w3/XQD//////////////////10A///Tuv/////////////s4f//XQD/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP9dAP//4M7/////////////aBH//10B/////////////+zh//9dAP8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/10A/P9oEf//////////////////XQD//340////////tIn//10A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/gDgs/10A///n2f///////8yv//9dAP//XQD//10A//9dAP//XQC2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/XQDp/10A//9dAP//XQD//10Avf+LSDX/i0iT/4tIYwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4c8M/10Aov9dAD8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP9xID8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/10A//9dANAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/XQD//10A//9dAOEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP9dAP//XQD//10A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////////////////////gH///wA///4AH//+AA///gAP//4AD///AA///4AP///AD///wA///8AP///gD///4L////v////////////////////////////8/////H////x////8='), auto; 
}</style>




<style>
    .top{
        
    color: darkblue;
        
    }    
    main{

    color: lightblue !important;
        
    }
    footer{
        
    color: lightblue;
        
    }
</style>



<style>
    
    .comments-table td{ 
        
        
        background-image: url('https://i.pinimg.com/originals/90/25/63/902563cf54d7164b76b5299922dca160.gif');
        background-position: center center;}
    
</style>





<style>
    
    .profile .friends .heading{
        
        
        background-image: url('https://i.pinimg.com/originals/c6/c2/21/c6c221bca79a5814c4c8dbe606bf8742.gif');
        background-position: center center;}
    
    
    .profile .blurbs .heading{
        
       background-image: url('https://i.pinimg.com/originals/c6/c2/21/c6c221bca79a5814c4c8dbe606bf8742.gif');
        background-position: center center;}  
        
    }
    
</style>


<style>
    
    .profile .contact{
        
        background-image: url('https://data.whicdn.com/images/351555165/original.gif?t=1608315648');
        background-position: center center;}  
        
    }
</style>



<style>
   .details-table td{
      
      background-color: transparent !important;
   }

</style>




<style>
    table.details-table{
        
border: 2px solid black !important;   
        
    }
    .profile .details-table td{

border: 2px solid black !important;   

    }
</style>



<style>

.profile .table-section{
    
     background-image: url('https://data.whicdn.com/images/306692946/original.gif');
        background-position: center center;}  


.details-table td *{
    color: white;
}

</style>





<style>
    nav .links a{
        color: darkblue;
    }
    
    .profile .blurbs .heading h4{
        color: white;
    }
    
    .profile .friends .heading h4{
         color: white;
    }
</style>





<style>
    .profile .blurbs .section h4{
        color: white;
    }
</style>


<style>
    .profile .url-info p{
        
        
    color: red;
        
    }
    
    DIV.url-info > P:nth-child(1) > B{
        
        color: lightblue;
    }
    
    
</style>




<style>
    .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

       direction: ltr;

   }
</style>




<style>
    footer{
        
        background-image: url('https://i.pinimg.com/originals/8e/45/70/8e4570eb2996bd49c452b40fa133e850.gif');
         background-position: center fixed;
        
    }
    
    a{ 
    
     color: darkblue;
    
    footer p{
        
     color: darkblue;   
    }
</style>



<style>
     footer p{
        
     color: darkblue;   
    }
</style>

<style>
	.images-row{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between; 
		align-items: center; 
		align-content: center;
	}
	.images-row .image-col{
		flex: 0 0 calc(50% - 10px); // change percentage here if need more than 2 images for example: 3 images = 100 / 3 = 33.33%
	}
	.images-row .image-col img{
		width: 100%;
		height: auto;
		max-width: 100%;
	}
</style>
<div class="images-row">
	<div class="image-col">
		<img src="https://tawnypelt.carrd.co/assets/images/gallery02/f1247624.gif?v=3973f91a" alt=""/>
	</div>
	<div class="image-col">
		<img src="https://64.media.tumblr.com/489d66939faa30e30e6a29f6d57723a9/c50206484331dbcc-ec/s500x750/b7be215b6d66389fdf76d185897e94456f3fddcf.gifv" alt=""/>
	</div>
</div>


<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General";
  --topic2: "Aesthetics";
  --topic3: "Shows/Movies";
  --topic4: "Books";
  --topic5: "Favorite Animals";
  --topic6: "Interests";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(100%) !important;

   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>


<style>
a{

font-family: 'Baskervville', serif; !important;

}
a:hover{

font-family: 'Baskervville', serif; !important;

}
a:visited{

font-family: 'Baskervville', serif; !important;

}
</style>



<style>
.body{

font-family: 'Baskervville', serif; !important;

}
</style>



<style>

h1{

font-family: 'Baskervville', serif; !important;

}
</style>

<style>
    DIV.blog-preview > P > I{
font-family: 'Baskervville', serif; !important;
        
        
    }
    
    .profile .blurbs .section h4{
     font-family: 'Baskervville', serif; !important;   
    }
    
    a{
        
        
        color: #6a92f7;
    }
</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>
    DIV.mood > P:nth-child(1) > B{
        
      font-family: 'Baskervville', serif; !important;  
    }
    
    P:nth-child(2) > B{
        
       font-family: 'Baskervville', serif; !important; 
    }
    
</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 101 comments ( View all | Add Comment )

basil	1769460029 using Report Comment
El	1763600058 Using :3 Report Comment
Lilith xoxo	1762754044 SO COOLLL DEF USINGG XDDD Report Comment
penis	1757283652 UUUSSSSSIIIIJINNGGGG Report Comment
yazu	1755747997 using,, Report Comment
Xx_suicid3_silenc3_xX	1755040612 using XD Report Comment
yoin ゛ ⸝⸝.ᐟ⋆	1753092349 using ty ~ ! Report Comment
⨾༊󠀺 ⅈꪀꪖ.᥊ꪮ᥊ꪮ.ᐟ⋆˚꩜｡	1752722616 using!! :) Report Comment
unfulry	1749457736 usin Report Comment
Denizz	1747647375 Usinggg Report Comment
Sterminatevi	1745241413 using Report Comment
nya ♱	1744638269 using Report Comment
Xx_suicid3_silenc3_xX	1743885455 using!! Report Comment
Moth_1031	1743478424 Totally using! (closest to a ENA/ Dream BBQ like layout :') ) Report Comment
ᴍᴀᴋᴏ🦈	1742956774 using!! Report Comment
PuMpk1n!	1741137120 using!! Report Comment
respawn	1739892044 usingg Report Comment
leone.................	1739333263 ig im using this Report Comment
ᛏᛁᛒᚱᛁᛋᚼᛅ	1738896185 using Report Comment
nya ♱	1736972731 using! Report Comment