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

脳髄（Qちゃん）	1762577425 全て使ってないけれど使ってます！！ Report Comment
Viscera	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/jade/flutter ⛧ ⋆˚꩜｡	1756946613 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ mars/jade/flutter ⛧ ⋆˚꩜｡	1756946606 USINGGG1!1! ^q^ Report Comment
⋆˚꩜｡⛧ mars/jade/flutter ⛧ ⋆˚꩜｡	1756946602 USINGGG1!1! ^q^ Report Comment
TheDevil.Butcher	1755820606 Using !!! Report Comment
krendel >_<	1755505663 USINGGGG ^q^ Report Comment
churyuu	1753474811 usinggg Report Comment
Mimi <3	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 / aster !!; 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