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

ezio	1732985126 using Report Comment
ര ۪ ݁ ! 𝑪ʜᴇᴇsᴇ 𝅄 ౨ৎ ㅤ۪🪕	1732707116 Using :33 Report Comment
⭒BerriMee⭒	1732069995 wow so cute `~ Report Comment
📼🪱/Lawnmower!! >:3/🌈🌴	1731188285 Prob using :3 Report Comment
ҊЄЄꚌ	1731041986 using Report Comment
ray	1729977545 using! Report Comment
GHOST	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
c0l0rful_bl00d.666	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