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 ⋆˙ (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 47 comments ( View all | Add Comment )

⋆˚꩜｡⛧ marz/juno/ryn ⛧ ⋆˚꩜｡	1756946613 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ marz/juno/ryn ⛧ ⋆˚꩜｡	1756946606 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ marz/juno/ryn ⛧ ⋆˚꩜｡	1756946602 USINGGG1!1! ^q^ Report Comment
TheDevil.Butcher	1755820606 Using !!! Report Comment
krendel >_<	1755505663 USINGGGG ^q^ Report Comment
churyuu	1753474811 usinggg Report Comment
noliisoutnow!	1750908447 using.. (⁠.⁠ ⁠❛⁠ ⁠ᴗ⁠ ⁠❛⁠.⁠) Report Comment
🔪Francisco🔪	1750851799 I’m definitely using! Report Comment
+　jay　₊　　toucan lover　"	1750207906 I WILL GIVE YOU EVERYTHING IF YOU MADE A "STATIC" MIKU ONE!!! PLZZPZ Report Comment OOHH THATS SUCH A GOOD IDEA ill post one once spacehey lets people post layouts again !! by ⟡ Void ⋆˙; 1750209684; Report MARRY ME (/silly/nsrs) THANK YU SM BRAH!!!! I absolutely ADORE Static Miku I can't do anything w/o bro by +　jay　₊　　toucan lover　"; 1750214641; Report
,v2mpir3e404/?	1749759145 AHH I<33ISM USING,, Report Comment
Bicosuke ✧	1748714362 As a big fan of this song Im using it! Report Comment
h0lyapple	1747137368 using Report Comment
Tun4_F1sh	1746121654 using! Report Comment
fizzy :3	1745893449 using Report Comment
ebony	1745496648 probably gonna use Report Comment hi i was wondering if its ok if i try n edit a lil bit of it ... lalala by ebony; 1745497752; Report of course! you could even use it as a base if u want i dont mind at all by ⟡ Void ⋆˙; 1745521573; Report
Dr. Somnus	1744188716 I fucking love this bro.... Report Comment
splitsnumberonefan	1744143097 THIS IS AMAZING HELLO?? IM 100% USING THIS!!! (do i have 2 give credits? :P) Report Comment THANK UU and no u dont have to!! ^^ by ⟡ Void ⋆˙; 1744143953; Report
Melian :3	1742120080 using soon Report Comment
NickSnail	1740756722 Using! ^^ Report Comment