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

Parsley	1700301401 Using❗️❗️❗️ Report Comment
esterezstuff [tw: loud autoplay]	1697994741 using!!!!!!!! Report Comment
BimoNami	1697820333 using :3 Report Comment
. ˚★#1 LIGHTNING FAN !	1695866340 using!! :3 Report Comment
fedya :3	1695621232 using Report Comment
D33 !!	1694961001 Using :3 Report Comment
ray☆	1693768279 usinggg Report Comment
Wh0z3lecx_	1692219520 Using! Report Comment
PerhapsIShouldSleep	1691253424 Basil Pfp .... I Can Not Escape The Omor Report Comment Definitely Using ! ! ! by PerhapsIShouldSleep; 1691253449; Report
rez ☆	1690063490 usingg Report Comment
lilith / vira	1689356786 using Report Comment
Ash!	1688851857 using :) Report Comment
Cyberbratᡕᠵ᠊ᡃ່࡚ࠢ࠘ ⸝່ࠡࠣ᠊߯᠆ࠣ࠘ᡁࠣ࠘᠊᠊ࠢ࠘𐡏~♡	1687991823 using <33 Report Comment
★Caroli★	1687858122 usiiiinggg Report Comment
✩RAT✩	1687750393 using Report Comment
lainy	1687143209 Using! Report Comment
☆ JUPITER ☆	1687125597 using! <3 Report Comment
Stip🎀🍮🦴	1686662428 It looks so cool!! Report Comment
fink ☆	1686275508 this is so cool !! using !!! x3 Report Comment
EggsnSoupies	1685435192 USING!!!! Report Comment