[ReSkin] edit of esx_menu_default

Hi as the topic says can i releaase or more just share my modification of esx_menu_default
Yes there are other like this but well i made this one. :slight_smile:

  • Only edited the esx_menu_default\html\css\app.css

And who know can we improve this one…

1b7a3fa4ec432aa0fc7a1547bd88548f
10f6a481cf6dba617088e680bbdf9241

esx_menu_default.zip (126.1 KB)

Hey!

Would you share it?
It’s very nice.

Thanks.

download the font upload it or what ever :slight_smile:

@font-face {
    font-family: 'Barlow';
    src: url('https://monkeyz.space/l/f/BarlowCondensed-Medium.ttf') format('truetype');
}
body
{
	font-size: 16px;
	font-family: 'Barlow', sans-serif;
}
.menu {
	color:#000;
	border:1px solid rgba(0,0,0,0.7);
	font-family:'Barlow', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	min-width:330px;
	position:absolute;
	background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
	background-size: 1800% 1800%;
	-webkit-animation: rainbow 18s ease infinite;
	-z-animation: rainbow 18s ease infinite;
	-o-animation: rainbow 18s ease infinite;
  	animation: rainbow 18s ease infinite;
}
.head {
	width: 300px;
	border-bottom: 1px solid rgba(0,0,0,0.7);
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
    display: block;
   
}
.menu .head {
	text-align: center;
    display: block;
    border-spacing: 0;
    opacity: 0.85;
    width: 300px;
    max-width: 300px;
  	table-layout: fixed;
    border-collapse: collapse;
}
.menu .menu-items {
	max-height:525px;
	overflow-y:auto;
	font-weight:500;
	background:#fff;
}
.menu .menu-items .menu-item {display:block;padding:7px;font-size:20px;text-align:left;text-indent:5px;background:#fff;color:#000;border:1px solid rgba(0,0,0,0.2);}
.menu .menu-items .menu-item.selected {background:rgba(0,0,0,0.2);color:#000;}
.head > span {position:relative;}
.head > span::before,
.head > span::after {}
.head > span::before {}
.head > span::after {}
.menu.align-left {left:40;top:50%;transform:translate(0, -50%);}
.menu.align-top-left {left:40;top:40;}
.menu.align-top {left:50%;top:40;transform:translate(-50%, 0);}
.menu.align-top-right {right:10;top:40;}
.menu.align-right {right:40;top:50%;transform:translate(0, -50%);}
.menu.align-bottom-right {right:40;bottom:40;}
.menu.align-bottom {left:50%;bottom:40;transform:translate(-50%, 0);}
.menu.align-bottom-left {left:40;bottom:40;}
.menu.align-center {left:50%;top:50%;transform:translate(-50%, -50%);}
::-webkit-scrollbar {width:8px;border-left:4px solid #272733;}
::-webkit-scrollbar-track {background:#272733;border-left:4px solid #272733;}
::-webkit-scrollbar-thumb {background:#1a242d;border-left:4px solid #272733;}
::-webkit-scrollbar-thumb:hover {background:#1a242d;border-left:4px solid #272733;}
@-webkit-keyframes rainbow {0%{background-position:0% 82%}50%{background-position:100% 19%}100%{background-position:0% 82%}}
@-moz-keyframes rainbow {0%{background-position:0% 82%}50%{background-position:100% 19%}100%{background-position:0% 82%}}
@-o-keyframes rainbow {0%{background-position:0% 82%}50%{background-position:100% 19%}100%{background-position:0% 82%}}
@keyframes rainbow { 0%{background-position:0% 82%}50%{background-position:100% 19%}100%{background-position:0% 82%}}
1 Like

Thanks!

i wanna to put like that http://prntscr.com/pe11yi , you think can help me ?

what kinda help do u need ?

i want to modify the menu to like that

well i shared the code to make it like that… so i dont get what u mean

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.