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 icon, custom colored scrollbar (only for pc), floating page, embed bandcamp, and more!
Also comment before using ! I just wanna see yalls profile :3 (not obligatory though)
──── 🥩 ────
little update !!! fixed some broken images links

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Void / aster (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 62 comments ( View all | Add Comment )

Vivi ♡ THE Kiyotaka gooner	1783437050 THIS IS SO PEAKK USING! Report Comment
Fennekin/Mackenzie	1773146710 Using this thx Report Comment
fainéant	1772549833 using Report Comment
⑅᜔҉⚜️ꪹꪮᦔꪗ⚕⃗˞. ↳	1769326742 Usingggg :3 Report Comment
nixxin09	1768632099 using this....... hfghsdj Report Comment
I’m_Sao	1768625778 using this, thanks Report Comment
★Victodem★ #YFM FAN	1768443236 LOVE ITT, USING Report Comment
𝓢𝓱𝓮𝓭𝓵𝓮𝓽𝓼𝓴𝔂	1767116412 Usando :333 Report Comment
Finne	1764802309 using !! Report Comment
† Allen	1763987512 USINFG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
† Allen	1763987507 USINFG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
kista	1762820620 WAH OH MY GOD YI IXII!E3HJWGTRFJ USIGNIMMEDAITELY GET IN MY STASH^_^__^_^_^ Report Comment
\| ͜͝ ̣̣̥ ͜ᣟ݂ ۪۪۪ 🩸 Alice ✚ ˚ ⁀ ༼	1760616792 USINGG ^q^ Report Comment
ratzandnerdz	1760304481 Usingggg Report Comment
SPREAD	1760139491 using! ^q^ Report Comment
R0tten ! (* ´ ▽ ` *)ﾉ(#1 Bok-Su appreciator)	1758073598 USING🗣🗣🗣 Report Comment
JOE545	1757873599 Using!! >q< Report Comment
⋆˚꩜｡⛧ mars ⛧ ⋆˚꩜｡	1756946613 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ mars ⛧ ⋆˚꩜｡	1756946606 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ mars ⛧ ⋆˚꩜｡	1756946602 USINGGG1!1! ^q^ Report Comment