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

BONE 🦴	1725253842 Using Report Comment
1HATEMANG0	1725143646 using! Report Comment
yeru.m	1723469926 Using Report Comment
Mei	1722444040 Using!! Report Comment
tthoma!	1722095559 ussing Report Comment
Mudthy	1721429582 using:3 Report Comment
/⁠ᐠ⁠｡⁠ꞈ⁠｡⁠ᐟ⁠\ $/⁠ᐠ⁠｡⁠ꞈ⁠｡⁠ᐟ⁠\'s profile picture$	1719273699 Usandoo Report Comment
wandamega	1717627766 using this! Report Comment
NUMBERONE_MSIFAN	1716878395 USING!! Report Comment
VELVET !!	1715698971 USING!!! I'll edit the layout a lil ;PP Report Comment
╺⃝⃤BUNNYR4T	1714755328 using! Report Comment
spring（〇_ｏ）	1713515244 using!! super cute thankz <333 Report Comment
nerd	1713041017 using Report Comment
Aiiko	1712673216 thx for the layout i'm using it ! Report Comment
Toastspace	1711103579 Using!!1! Thank you for this111!1 ^^ Report Comment
•°~\|Trav!\|~°•	1710587182 using!!! absolutely beautiful :) Report Comment
Hiro-Hiro (⁠つ⁠≧⁠▽⁠≦⁠)⁠つ	1709654746 using!!! >o< Report Comment
Nick	1707826342 using! Report Comment
j3nn	1707680052 using :3 Report Comment
d1am0nd	1706241890 usando! Report Comment