Butcher vanity layout (meat)

Tags: meat, red, yellow, flesh, simple, layout

Description:

a butcher vanity layout . . .
song by vane lily, jamiepage and rice deity!!
Includes . . . custom meat cursor, spinning circle 3d pfp, circle shaped pfp for friends, custom online now, custom colored scrollbar (only for pc), floating page, embed bandcamp, and more!
Also comment before using ! I just wanna see yalls profile :3
──── 🥩 ────
little update !!! fixed some broken images links

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Void ☀️💗 (https://layouts.spacehey.com/layout?id=105003) -->

<img src="https://files.catbox.moe/sszmx3.webp"/>

<iframe style="border: 0; width: 350px; height: 470px;" src="https://bandcamp.com/EmbeddedPlayer/album=3993719261/size=large/bgcol=333333/linkcol=e32c14/tracklist=false/track=3627863694/transparent=true/"><a href="https://jamiepaige.bandcamp.com/album/butcher-vanity">BUTCHER VANITY de Flavor Foley</a></iframe>  


<!-- SPINNING CIRCLE PFP -->
<style>
@keyframes spin{
  from{ transform: perspective(326px) rotateY(0deg); }
  to{ transform: perspective(326px) rotateY(360deg); }
}
.general-about .profile-pic img{
  animation: spin 7s infinite linear;
}
  .general-about .profile-pic img{
  border-radius: 50%;
  
</style>

<!-- PFP MASK FOR COMMENTS AND FRIENDS -->
<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/vmsK63cD/2024-01-28-0wl-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/vmsK63cD/2024-01-28-0wl-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<!-- FLOATING IMAGE -->
<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: &#10;400;">
<img src="https://files.catbox.moe/5aipbr.png" height="204" width="180"/></div>

<style>
/* COMMENTS SCROLLER */
  .comments-table{
    display: block;
    height: 380px;
    overflow-y: scroll;
    Border-radius: 15px;
    background-color: rgba(21, 23, 26, 1);
  }
  </style>

<style>

body::before {
  content: ' ';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
  z-index: 100;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}


<style>

</style>
  
<!-- SCROLLBAR COLOR -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #fa3636;
    }
    ::-webkit-scrollbar-track {
    background: #020001;
    }
  </style>
  
<!-- CUSTOM ONLINE NOW -->

<style>
.online {content:url(https://64.media.tumblr.com/150e264c3e5f62ac60be2e096106850a/d81aeaff7282566d-64/s250x400/c49e2cff361d2054d00d57baf4202d264b9929c9.pnj); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>
 
    <!-- UNDER LINK IMAGE -->
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://64.media.tumblr.com/25fffd5152fc990d637ecfc0b63417bc/bf2611b1e77359db-6e/s540x810/7b0255a875ff6b1005b022ae2415e4a7a2dfe349.gifv);  width: auto; height: 30px; background-position: top center; background-size: 200%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>    
  
<!-- MAIN COLORS, BACKGROUND, ECT -->

<style>
main:before {   
}

  body{
    background: url(https://www.colorhexa.com/fdee00.png); 
    background-size: 820px;
        background-attachment: fixed;
  
}

.profile {
background-color: #020001;
  color: #fa3636;
  background-attachment: fixed;
    border: 1.5px solid #A90000;
  box-shadow: 0px 30px 30px #A90000;
}

nav .top {
       background: url(https://64.media.tumblr.com/25fffd5152fc990d637ecfc0b63417bc/bf2611b1e77359db-6e/s540x810/7b0255a875ff6b1005b022ae2415e4a7a2dfe349.gifv); background-size: cover;
}



.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
background: #fdee00;
}


:root {
    --logo-blue: #c11b0e;
    --darker-blue: #fa3636;
    --lighter-blue: #020001;
    --even-lighter-blue: #020001;
    --lightest-blue: #020001;
    --dark-orange: #fa3636;
    --light-orange: #020001;
    --even-lighter-orange: #fdee00 ;
    --green:;
      }
    a:hover{
        color: #05c7c3 !important;
  transition: 0.2s;
  
 
  

  

<style>
    .details:after {
        content: URL(https://64.media.tumblr.com/b09cd741487538f09511fe2e5444054c/817e7b891830651c-39/s1280x1920/b5ed137b20e9e60023dde73116eb429658e6b6ee.pnj)weight;0;
    }</style>  
  
<!-- MEAT ON PFP -->  
<style>
.general-about{position:relative;margin-top:30px}.general-about .profile-pic::before {content:'';background:url(https://64.media.tumblr.com/a8960d4de053ab22b6cbb4e2f189b9fb/d4136c296545565b-95/s75x75_c1/82b3f4fb3ffddd435cc57ddeba2e370c6a73bac5.gifv) 
  no-repeat;background-size:cover;display:block;width:80px;height:75px;z-index:999;position:absolute;top:-20px;left:-43px}
  </style>  
  
<!-- MAKE IMAGES SHAKE -->  
 <style>
img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
} </style>
  
  
<style>* {cursor: url(cursor), url(https://i.postimg.cc/Dyy4mc2K/2024-04-14-0jn-Kleki.png  ), auto;}</style><a href="meat" target="_meat" title="meat"> </a>
  
  
<!-- CONTACT BUTTONS -->
<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: url("https://64.media.tumblr.com/982bf3e864082081c6dbe44a4f5b388d/fe7a04b4adaffe58-78/s75x75_c1/cded5891f4e23c54a980c090422a8f9ab42fadc1.gifv")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://64.media.tumblr.com/982bf3e864082081c6dbe44a4f5b388d/fe7a04b4adaffe58-78/s75x75_c1/cded5891f4e23c54a980c090422a8f9ab42fadc1.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send message */
content: url("https://64.media.tumblr.com/86ab758692a4d3f37b1c4b263e1a926f/23c9d1d5cf9aada9-4f/s75x75_c1/75d92dc431135c6d945499604f4100127b934ae8.gifv")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("https://64.media.tumblr.com/86ab758692a4d3f37b1c4b263e1a926f/23c9d1d5cf9aada9-4f/s75x75_c1/75d92dc431135c6d945499604f4100127b934ae8.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://64.media.tumblr.com/982bf3e864082081c6dbe44a4f5b388d/fe7a04b4adaffe58-78/s75x75_c1/cded5891f4e23c54a980c090422a8f9ab42fadc1.gifv")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://64.media.tumblr.com/982bf3e864082081c6dbe44a4f5b388d/fe7a04b4adaffe58-78/s75x75_c1/cded5891f4e23c54a980c090422a8f9ab42fadc1.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group  */
content: url("https://64.media.tumblr.com/86ab758692a4d3f37b1c4b263e1a926f/23c9d1d5cf9aada9-4f/s75x75_c1/75d92dc431135c6d945499604f4100127b934ae8.gifv")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://64.media.tumblr.com/86ab758692a4d3f37b1c4b263e1a926f/23c9d1d5cf9aada9-4f/s75x75_c1/75d92dc431135c6d945499604f4100127b934ae8.gifv")}
  
<!-- DASHED CORNERS -->
<style>
.profile .url-info {
border: 3px dashed  #05c7c3;    
}
.profile .contact {
border: 3px dashed  #05c7c3;     
}
.profile .table-section {
border: 3px dashed  #05c7c3;     
}

</style>

<style>
table.comments-table {
border: 3px dashed #05c7c3;      
}    
</style>


<!-- TEXT CHANGE -->  
  
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "朋友"; font-size:.8rem; font-weight:bold;  }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "置评"; font-size:.8rem; font-weight:bold; } </style>

<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "爱好"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "聯繫"; font-size:.8rem; font-weight:bold; }
</style>
  
 <!-- MEAT IN NAVIGATION -->
<style>
nav .links .special a {
    color: ;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " 🥩 ";
    color: #c29288;
    font-size: 13px;  
  
 </style> 
  
  <!-- IMAGE ONTOP --> 
  <style>
{
}
.col.right:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 110px;
  background-image: url(https://64.media.tumblr.com/7f097bbed937a1d6be03f50c7b051f7c/bf2611b1e77359db-a5/s2048x3072/4b64509a07bda738f81febfce93ae62a75e820ea.pnj);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 650px;
}
</style>
  
   <!-- INVISIBLE FOOTER -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
  
   <!-- CHANGING IMAGES FOR LINKS -->  
</style>
<style>
    .table-section .inner .details-table td:nth-child(1) img {content: url(https://64.media.tumblr.com/f4a6f871e411984d69e371dcf4f1bb32/78ad3fc6a55c17c5-f6/s75x75_c1/790ac918a11d42316dcd221a09fb5279014613f1.gifv);height: 15px;width: 15px;margin-top: -3px; margin-bottom: 3px;}
</style>
<style>  
  
   <!-- FLOATING PAGE -->  
   <style>body::before {}.col, main, footer, nav::before, .online, nav .links, nav .top {animation: float 4s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}.col, main, footer, nav::before, .online, nav .links, nav .top{animation: float 4s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}@keyframes float {0% { transform: translate(0, 0px);}50% {transform: translate(0,8px);}100% {transform: translate(0, -0px);}</style>
  
  
   <!-- BANNER -->  
 <style>
main:before {
	width: 100%;
	height: 400px;
	display: block;
	content: '';
	background-image: url(https://64.media.tumblr.com/9e66c8771f3102ca5b6edfba23782dc7/817e7b891830651c-f6/s540x810/f8d2fc215e1bf17b6fe8be00678c52dc5e4a2835.gifv);
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
 
  
</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 30 comments ( View all | Add Comment )

Melian :3	1742120080 using soon Report Comment
Kayosenseless	1740756722 Using! ^^ Report Comment
Hij0!	1740425264 using!!! prolly wont last long Report Comment
spillat	1738616589 How cute! I love this song. Report Comment
Rat	1736210977 using!!!! Report Comment
blamejohn	1735056273 using Report Comment
SIMON (THE BEST)	1733972192 USINGGG!! Report Comment
axilsya	1733589042 USING THIS, thank you very much I'm forever in your debt Report Comment
𖤐𝕬𝖓𝖌𝖊𝖑 𝕿𝖊𝖆𝖗𝖘𖤐	1732671123 USING!! Report Comment
.	1732406688 OMG I LOVE THIS SONG TYY Report Comment
Eco theomo	1728623330 This is so beautiful i love this oh my gah Report Comment
MaggotTeeth	1727650768 using!! X3 Report Comment
🐰🥩 Jay	1724874117 Using - thank you so much <3 Report Comment
marikin ⌓ᗜ⌓	1723924894 using!! Report Comment
Dex >w<	1722557164 USING TYSM Report Comment
Blodmann	1721419957 using Report Comment
paranoidCannibal	1719615058 used ^q^ Report Comment
「 rowen 」	1719013694 using!! ^q^ Report Comment
JASPERS/GUTZY	1718847354 USING THIS OMG TYSMSM Report Comment
Danchik	1718717557 Used, Thanks Report Comment