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

unfulry	1749457736 usin Report Comment
Denizz	1747647375 Usinggg Report Comment
Sterminatevi	1745241413 using Report Comment
sashazitagoti13	1744638269 using Report Comment
g5an	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
rezㅤㅤ𓏴ㅤㅤ[autoplay]	1739892044 usingg Report Comment
leone.................	1739333263 ig im using this Report Comment
Debrisha	1738896185 using Report Comment
sashazitagoti13	1736972731 using! Report Comment
izaN	1736580723 Usando Report Comment
tiago	1735779873 using1 Report Comment
ezio	1732985126 using Report Comment
ര ۪ ݁ ! 𝑪ʜᴇᴇsᴇ 𝅄 ౨ৎ ㅤ۪🪕	1732707116 Using :33 Report Comment
⭒BerriMee⭒	1732069995 wow so cute `~ Report Comment
🦑🐇Porotos lol🌈🌴	1731188285 Prob using :3 Report Comment
kittyman	1731041986 using Report Comment