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 20 comments ( View all | Add 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
misaellaneous	1715923781 USING THIS GRAAAAGH Report Comment
⛦ Voski / Samsa! ๋࣭ ⭑♡♱	1715919278 VANE LILY MENTIONED!! USING !!! Report Comment VANE LILY MENTIONED!!!!!! we need more vane lily fans in this world.... by Void ★; 1715921647; Report
VINCENT/CC	1715872555 USING!!! Report Comment
palazma-dotkins	1715853686 REALLY love ur creativity for those layouts :33 Report Comment RJAHGJ TYSM you dont know how happy this makes me... thank u!!!!!!! by Void ★; 1715882160; Report
palazma-dotkins	1715853628 using, TYSM for marking certain things in the code!!! Report Comment
alex	1715775299 using sum stuff from here, ty ! Report Comment
Rendallニャー。	1715702031 Using!!!! Report Comment
chriz ^_^	1715686504 using!!! TYSMM Report Comment
Anti CENZURA	1715633772 Using! Its so cool Report Comment
Vll	1715373594 using! tysm Report Comment