webcore themed layout !

Tags: aesthetic; layout; webcore; animated

Description:

Please don't remove credits. Also, yes you may change the code to your liking.

Preview:

click on the image for a larger preview

Code:

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

<style>

body{ 
        
    background-color: COLOR;
    background-image: url('https://i.pinimg.com/originals/7c/9d/89/7c9d89f08ee222deaf947c592f95af8a.gif');
    background-repeat: repeat;
    background-position: center stretch;
        
    }
</style>



<style>
    main{
     
    background-color: COLOR;   
    background-image: url('https://i.pinimg.com/originals/a9/50/71/a950719488e446389b82806c03ab4030.gif');
    background-repeat: repeat;
    background-position: center center stretch;
        
    }
</style>





<style>
 nav .top{
        
    background-color: none !important;
    background-image: url('https://64.media.tumblr.com/0b8ef23896f9ca82650417a085b86886/tumblr_pedtedLkvq1uj7swzo1_500.gifv');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>






<style>
    nav .top .left .logo{
        
    background-color: pink !important;
    background-image: url('https://media1.giphy.com/media/TgOmhdiAbgFUi5LQbo/giphy.gif?cid=790b76110e6ee9cddbc6b89f7912a844e4fc65b838b442d5&rid=giphy.gif&ct=s');
    background-repeat: repeat;
    background-position: center;
        
    }
</style>



<style> 



</style>





<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>


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

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



<style>
    .profile .contact .heading{
        
    background-color: none !important;
    background-image: url('https://www.icegif.com/wp-content/uploads/icegif-3835.gif');
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
    .blog-preview h4{
        
    background-color: none;
    background-image: url('https://www.icegif.com/wp-content/uploads/icegif-3835.gif');
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
    .profile .friends .heading{
        
    background-color: COLOR !important;
    background-image: url('https://www.icegif.com/wp-content/uploads/icegif-3835.gif');
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
    .profile .table-section .heading{
        
    background-color: COLOR !important;
    background-image: url('https://www.icegif.com/wp-content/uploads/icegif-3835.gif');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>





<style>
   .profile .blurbs .heading{
        
    background-color: COLOR !important;
    background-image: url('https://www.icegif.com/wp-content/uploads/icegif-3835.gif');
    background-repeat: repeat;
    background-position: center;

    }
</style>




<style>
.details-table td *{
    background-color: none;
    background-image: url('none');
    background-repeat: repeat;
    background-position: center;
        
    }
    .profile .details-table td{
        
    background-color: transparent;
    background-image: ('none');
    background-repeat: repeat;
    background-position: center;
        
    }
    
    .profile .contact{
        
        
        background-image: url('https://play-lh.googleusercontent.com/zn943aJEAR30GWTXeX6kvUkMR-P-xmMaZbPU3g-KjwGlHGOK2Ku9RaCe9F0FvRXQzHw');
    }
    
    
    
</style>




<style>
    
   .profile .contact{ 
    
    border-radius: 25px 25px 0 0 !important;}
    
    .profile .contact .heading{
        
    border-radius: 25px 25px 0 0 !important;}    
      
   .profile .table-section{
       
       border-radius: 25px 25px 0 0 !important;}   
      
      .profile .table-section .heading{
          
          
        border-radius: 25px 25px 0 0 !important;}  
</style>





<style>
    
   .comments-table td *{
       
       
       color:  black;
   } 
</style>



<style>
    
   .profile .blurbs .heading h4{
       
       
       
       
       color: black;
   } 
    
    .profile .friends .heading h4{
        
        
        color: black;
    }
    
    .profile .blurbs .section h4{
        
        
        color: black;
    }
    
    
    .profile .friends .person p{
        
        
        color: black;
    }
    
    .comments-table td{
        
      background-image: url('https://64.media.tumblr.com/9c47b3fb698c6d76d17726c1eca1d8c8/3b8694c9cc868250-c7/s2048x3072_c0,12426,100000,87278/438183b02108b470a738f788388941da2e12f35f.gif');  
       background-repeat: repeat;
    background-position: center; 
     border-radius: 25px 50px 0 0 !important;}   
    }
    
   
   
   
   
</style>




<style>
    
    .container{
        
    border: 5px solid black;
        
        border-radius: 25px 25px 0 0 !important;
        
        border-color: white;
    }
</style>




<style>
    
    footer{
        
    background-image: url('https://i.pinimg.com/originals/ff/cf/13/ffcf13c895403deebc92cb543f3c3504.gif')   
        
    }
    
    
    
    
</style>




<style>

    <style>

    .comments-table td{
        
border: 1px solid black !important;   
        
    }
    
    
</style>


<style>
table.comments-table{border: 0px solid white !important;}
</style>


<style>
    
    nav .links{
        
    background-image: url('https://i.redd.it/3v0co79zhno61.gif')    
        
    }
    
</style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/44b3777ced3aac3c6bde9fba19b21a50/69aa1d2a92985a45-75/s1280x1920/09cd3c6beb3135e492736ea34d07e25c86faeb63.gifv');
background-size: cover;
background-repeat: no-repeat;
background-position:center center;
animation: yourAnimation 5s ease 1s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>




<style>
    
    footer{ 
        
      border-radius: 25px 25px 0 0 !important;
}  
        
</style>





<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/97e7e466f0d2c6476fd5550114f170e5/e78a8ea3c0488d4e-36/s1280x1920/f610e85bf3d2c8f579e4be3f9f8398a22111b920.gifv');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>


<style>
             ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: url('https://media2.giphy.com/media/xiRWsByXkxT1e/200w.gif?cid=82a1493bq6j2tosmm4xsnlfq8p82l0j9nt9zcnd5dchzdgxm&rid=200w.gif&ct=g');
    }

    ::-webkit-scrollbar-track {
    background: none
    }
</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>
    
   table.details-table{
       
     background-image: url('https://play-lh.googleusercontent.com/zn943aJEAR30GWTXeX6kvUkMR-P-xmMaZbPU3g-KjwGlHGOK2Ku9RaCe9F0FvRXQzHw')  
       
   } 
    
    .details-table td *{
   
</style>



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

border: 1px solid black !important;   

    }
</style>




<style>
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-1/nat78.ani), url(https://cur.cursors-4u.net/nature/nat-1/nat78.png), auto !important;} /* End https://www.cursors-4u.com */
</style>


5c0e8966c8a72c6b3d
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/986385118&amp;color=%23eca8eb&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true">
</iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/oliver-buckland" title="Oliver Buckland" target="_blank" style="color: #cccccc; text-decoration: none;">Oliver Buckland</a> · 
<a href="https://soundcloud.com/oliver-buckland/hourglass-meadow" title="Hourglass Meadow" target="_blank" style="color: #cccccc; text-decoration: none;">Hourglass Meadow</a></div>


<table>
	<tbody>
		<tr>
			<td><img src="" alt=""/></td>
			<td><img src="https://64.media.tumblr.com/21fa2e3b7672105c0e8966c8a72c6b3d/79c0ff952d17b95b-e8/s500x750/d462a2e95f2df425bc3ddf647187bb9e1f7fa222.gifv" alt=""/></td>
		</tr>
	</tbody>
</table>

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

random	1748098407 usin but i edited a lot of stuff (idk if thats okay) Report Comment
thatguy2011	1745961338 of course all the comments are outdated so i can't see what the layout looks like before i use it Report Comment
aldxmo	1739823603 using!^^ Report Comment
🦑🐇Porotos lol🌈🌴	1730159602 using xD Report Comment
Sunny :3	1726323963 using!!! Report Comment
Robin	1709827666 Using Report Comment
roxi!! :P	1705658225 haiiii using :3 Report Comment
moving acc……….	1703794812 using!!!!! Report Comment
cherri	1700367028 usingggm !! Report Comment
azræl ~ ✰	1682687828 using!! this is so cool Report Comment