MINECRAFT MENU!?!!? (real???)

Tags: minecraft, gaming, games, menu, inventory

Description:

Change things as you please. It's very messy and broken. Comment if you use. I just want to see <3 If there's anything wrong, let me know. I'll at least try to fix it.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by KoSbeku (https://layouts.spacehey.com/layout?id=40960) -->

<style>
@import url(https://db.onlinewebfonts.com/c/535bc132d619f1b68d078ee3b996489e?family=Minecraft+1.1); 
h1,h2,h3,h4,h5,p,a,label{
  font-family: "Minecraft 1.1", cursive;
  color: #3f3f3f;
}
body{Background-image: url("https://files.catbox.moe/bb5xxo.png");background-size: 150px;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.75);background-attachment: fixed;cursor: url(https://files.catbox.moe/qwarux.png), auto;}

::selection {
  background:#e6e6e6;
  color:#0e0e0e;
  text-shadow: 3px 3px rgba(0, 0, 0, 0);
  
}

nav .top{background-image:url("https://files.catbox.moe/jd4xk2.png");background-size: 150px; margin-bottom:5px; a{text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}}
nav .links{margin: 1px 0px 5px 0px;padding-top:1.5%;text-align: center; content-align:center; a, a:hover{color:rgba(0,0,0,1);text-shadow:none; margin:5px;}}
div .center label{color:#ffffff;text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}

main {Background-color:#c6c6c6;
clip-path: polygon(
    0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px
  );
margin-top:4px;
/*
PIXEL CURVE DONE WITH THIS SITE
https://pixelcorners.lukeb.co.uk/?radius=8&multiplier=4
*/

border-style: solid;
border-width: 10px;
border-color: #ffffff #555555 #555555 #ffffff;
box-shadow: 0 0 0 20px #ffffff;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{background-image:url("https://files.catbox.moe/vis9gs.png");background-size: 50px}

.slot, .subbox, .blurbs ,.url-info, .blurbs, .details, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer, nav .links a:hover{
Background-color:#8b8b8b;
box-shadow: 2px 2px 0 2px #e8e8e8,
-2px -2px 0 2px #555555,
0 0 0 4px #8b8b8b;

}

.blog-preview, .blurbs .inner .section{ h4{color:#000000; text-shadow: 2px 2px rgba(0, 0, 0, 0.07)}}

.slot:hover, .comment-replies:hover, .blurbs:hover ,.url-info:hover, .blurbs:hover, .details:hover, .mood:hover, .blog-preview:hover, .friends:hover, .contact:hover, .table:hover, .table-section:hover, footer:hover {
  background-color: #c3c3c3;
}
.comment-replies{text-shadow: 3px 3px rgba(50, 50, 50, 0.60)}
.blog-preview{padding:5px}

.comment-replies, .supbox, nav .links, nav .links a{
Background-color:#c6c6c6;
box-shadow: 2px 2px 0 2px #555555,
-2px -2px 0 2px #e8e8e8,
0 0 0 4px #8b8b8b;
}
.comment-replies{border-style:none}
.comment-replies *:last-child p::before{background:rgba(0,0,0,0);text-shadow: 1px 1px rgba(50, 50, 50, 0.60);} 

.pfp-callback, .profile-pic{background-color:#000000; margin:5%}


.profile .contact, .profile .url-info, .profile .table-section, .comments-table {border-style:none;}
.comments-table a{color:#55FFFF;text-shadow: 1px 1px rgba(50, 50, 50, 0.60);}

.profile .comments-table td{background-color:rgba(0,0,0,0); padding:0px;border-style:none;}
.profile .comments-table td p:not(.profile .comments-table td .report, p:last-child){background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-align: center;text-shadow: 3px 3px rgba(50, 50, 50, 0.60);}

#flex {display: flex;flex-direction: column;}

.comments-table td:first-child p::before{content:"<"}
.comments-table td:first-child p::after{content:">"}

.small{text-shadow: 1px 1px rgba(50, 50, 50, 0.60);}
.profile .details-table td{background-color:rgba(0,0,0,0);}
.profile .details-table td p{background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-shadow: 3px 3px rgba(50, 50, 50, 0.60); text-align: center;}


.w-40 h1{
text-align:center;
background-image:url(https://i.imgur.com/MdPa5hN.png);
background-size: 56px; color:#ffffff;
text-shadow: 3px 3px rgba(50, 50, 50, 0.60);
box-shadow: inset 0 0 0 2000px rgba(126, 126, 126, 0.75);
border-style:solid;
border-color: #AAAAAA #565656 #565656 #AAAAAA
}
.online{padding:5px;content-align:center;text-align:center;}
.online img{content:url(https://files.catbox.moe/4j9575.png);image-rendering: crisp-edges; width:16px; height:auto}


.w-40 h1:hover{
color:#ffffcc;
box-shadow: inset 0 0 0 2000px rgba(150, 175, 255, 0.75);;
border-style:solid;
border-color: #BDC6FF #59639A #59639A #BDC6FF;
}
.pfp-fallback{border-style:solid; border-color:black}


.subbox{margin-top:2.5%;margin-right:2.5%}

:root {
  --cellwidth: 30px;
  --background-color: #8e6144;
}


* { cursor: url(https://files.catbox.moe/qwarux.png), auto;}
*:read-write {cursor: url(https://files.catbox.moe/0ai9to.png) 4 26, auto;}
a:hover, a * {animation:bowdraw 1s infinite;}


@keyframes bowdraw{
  0%{ 
    cursor: url(https://files.catbox.moe/49zfkt.png), auto;
  }
  15%{ 
    cursor: url(https://files.catbox.moe/viiq7g.png), auto;
  }
  30%{ 
    cursor: url(https://files.catbox.moe/jnbyt8.png), auto;
  }
  45%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  60%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  75%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  75%{ 
    cursor: url(https://files.catbox.moe/pczpy8.png), auto;
  }
  100%{ 
    cursor: url(https://files.catbox.moe/49zfkt.png), auto;
  }
}

.dummy{background:#000000;padding:4px;border-radius: 30px; margin:auto;}

.inv{padding:5%;padding-top:0;display: flex; flex-wrap: wrap;}

.slot:hover {
  align-content: center;
  background-color: #c3c3c3;
}

.slot p{position:absolute;transform: translate(25px, 35px);color:#ffffff; font-size:2.3em; text-shadow: 3px 3px rgba(0, 0, 0, 0.60);}
.slot {
width:65px;
align-content: center;
margin: 5px;
display: grid;
aspect-ratio: 1;}




.invdisp, nav .links{Background-color:#c6c6c6;  margin:auto;
clip-path: polygon(
    0px calc(100% - 20px),
    4px calc(100% - 20px),
    4px calc(100% - 12px),
    8px calc(100% - 12px),
    8px calc(100% - 8px),
    12px calc(100% - 8px),
    12px calc(100% - 4px),
    20px calc(100% - 4px),
    20px 100%,
    calc(100% - 20px) 100%,
    calc(100% - 20px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 4px),
    calc(100% - 12px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 8px),
    calc(100% - 8px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 12px),
    calc(100% - 4px) calc(100% - 20px),
    100% calc(100% - 20px),
    100% 20px,
    calc(100% - 4px) 20px,
    calc(100% - 4px) 12px,
    calc(100% - 8px) 12px,
    calc(100% - 8px) 8px,
    calc(100% - 12px) 8px,
    calc(100% - 12px) 4px,
    calc(100% - 20px) 4px,
    calc(100% - 20px) 0px,
    20px 0px,
    20px 4px,
    12px 4px,
    12px 8px,
    8px 8px,
    8px 12px,
    4px 12px,
    4px 20px,
    0px 20px
  );

/*
PIXEL CURVE DONE WITH THIS SITE
https://pixelcorners.lukeb.co.uk/?radius=8&multiplier=4
*/

border-style: solid;
border-width: 5px;
border-color: #ffffff #555555 #555555 #ffffff;
box-shadow: 0 0 0 20px #ffffff;
}

.chat, .comment-replies p not(:first-child:empty, :nth-last-child(2):empty){background-color:rgba(0,0,0,.25); padding:5px; color:#dedede; text-shadow: 3px 3px rgba(50, 50, 50, 0.60);}
.typing:after{content:"_";opacity:1;animation:typing 1s ease-in-out infinite}
@keyframes typing{

0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}

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

Percy	1714972474 USING!!!!!<3 Report Comment
T_suki67	1712065683 using ○w○ Report Comment
T_suki67	1712065683 using ○w○ Report Comment
gooptrials	1706653657 using :D Report Comment
LenKy	1706252974 uSing! :] Report Comment
eddie	1705287120 using!!! Report Comment
୨୧ VIVI	1705184528 using!! Report Comment
SingusOnSpaceHey	1703893860 using Report Comment
Kaunis	1702742553 Using :D Report Comment
CAT !! ✰ ᗢ	1702115866 using!! :3 Report Comment
MeFon!	1701797570 using =3 Report Comment
Silly	1701113905 using!!! :3 Report Comment
Pillbug	1696481306 Using :DDD Report Comment rad ✨✨✨✨ by KoSbeku; 1696481359; Report
sam ☆	1696208167 using :3 Report Comment rad by KoSbeku; 1696219429; Report
Kasey X3	1695339293 This so so cool :0 using :D Report Comment
Muichiro	1695045279 This looks super cool though I am curious about the inventory, do you have the code for it and also are you able to change the colors from grey to red for example? Report Comment Yeah! the inventory setup is in a reply to a comment showing some extra stuff. If you just want the inventory and nothing else, i can either make a separate layout page for it or just point you to where the css is for it. also sorry its not very organized so all the colors are just separate hexs instead. you can change the colors but some of its all split up. might want to use like search and replace in notepad or something i could go in and reformat it and make it more concise if that'd help? by KoSbeku; 1695047871; Report I believe that would help , making a layout for it would be a good idea as well it will help others too, I tried to use the one that was in the comment section but it did not work, which is why I reached out by Muichiro; 1695048231; Report sorry about the late answer. putting inventory in its own layout and like explaining things but i got distracted. ill link it in a bit by KoSbeku; 1695051401; Report tysm, by Muichiro; 1695051440; Report Sorry that took so long. I kept running into problems after trying to fix things. And layouts take a bit to update for some reason so it was a bit of a bother when something decided to mess up. https://layouts.spacehey.com/layout?id=80959 let me know if it works alright. if not ill try my best to fix whatever it is also the colors are mostly all at the top if you want to edit them. other than like the outline because the color would only ever be referenced once by KoSbeku; 1695065997; Report
‎	1694983727 aaawsome layout using<3 Report Comment glad to see yu are! ✨✨✨✨✨✨ by KoSbeku; 1695047909; Report
utynium	1694891892 using !! thank you for made it :D Report Comment I'm super glad you like it!!! ✨✨ thanks for commenting \o/ by KoSbeku; 1694892300; Report
mayy y r ,,	1694523895 Using. Its so cool Report Comment I'm super glad you are ✨ sorry about the trouble with the inventory thing by KoSbeku; 1694525880; Report No worries :] by mayy y r ,,; 1694525927; Report btw, sorry if im late but you can put whatever in the inventory. i put a spinning rat in it and then linked it to https://classic.minecraft.net <3 by KoSbeku; 1694606619; Report Ooohh thats nice!! Thank ya for telling me :) by mayy y r ,,; 1694610900; Report