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. 
- Only edited the esx_menu_default\html\css\app.css
And who know can we improve this one…


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 
@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
i wanna to put like that http://prntscr.com/pe11yi , you think can help me ?
Yarpii
6
what kinda help do u need ?
i want to modify the menu to like that
Yarpii
8
well i shared the code to make it like that… so i dont get what u mean
system
Closed
9
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.