Помогите пожалуйста , кто не то

Нужно стащить меню? Если да то за спасибо вытащю

 

Не надо платить, скиньте в лс сайт от куда нужно вытащить меню

 

Это?

 

Я ждал пока вы ответите весь день
Щас уже поздно, завтро вырежу меню

 

тут делов на 10 мин

 

вот меню

<div class="wrapper">
<nav id="nav">
<ul><li class="nav-item"><a href="/" class="active">Главная</a></li>
<li class="nav-item nav-sub-item"><a href="javascript:void(0)">Категории</a><ul>
<li><a href="/anime/">TV Сериалы<span class="float-right">1178</span></a></li>
<li><a href="/movie/">Фильмы<span class="float-right">65</span></a></li>
<li><a href="/ova/">OVA<span class="float-right">168</span></a></li>
<li><a href="/ona/">ONA<span class="float-right">34</span></a></li>
<li><a href="/ongoing/">Онгоинг<span class="float-right">67</span></a></li>
<li><a href="/anons/">Анонсы<span class="float-right">8</span></a></li>
</ul>
</li>
<li class="nav-item nav-sub-item">
<a href="javascript:void(0)">Жанры</a>
<ul>
<li><a href="">Апокалиптика<span class="float-right">1</span></a></li>
<li><a href="/">Бакуню<span class="float-right">1</span></a></li>
<li><a href="/">Боевые искусства<span class="float-right">49</span></a></li>
<li><a href="/">Вампиры<span class="float-right">28</span></a></li>
<li><a href="/">Война<span class="float-right">16</span></a></li>
<li><a href="">Гарем<span class="float-right">173</span></a></li>
<li><a href="/">Гендерная интрига<span class="float-right">13</span></a></li>
<li><a href="/">Детектив<span class="float-right">72</span></a></li>
<li><a href="/">Дзёсэй<span class="float-right">10</span></a></li>
<li><a href="/">Драма<span class="float-right">327</span></a></li>
<li><a href="/">Идолы<span class="float-right">8</span></a></li>
<li><a href="/">Инцест<span class="float-right">4</span></a></li>
<li><a href="/">История<span class="float-right">41</span></a></li>
<li><a href="/">Киберпанк<span class="float-right">3</span></a></li>
<li><a href="/">Кодомо<span class="float-right">1</span></a></li>
<li><a href="/">Комедия<span class="float-right">782</span></a></li>
<li><a href="/">Космическая опера<span class="float-right">1</span></a></li>
<li><a href="/">Махо-сёдзё<span class="float-right">20</span></a></li>
<li><a href="/">Меха<span class="float-right">62</span></a></li>
<li><a href="/">Мистерия<span class="float-right">1</span></a></li>
<li><a href="/">Мистика<span class="float-right">257</span></a></li>
<li><a href="/">Музыкальный<span class="float-right">41</span></a></li>
<li><a href="/">Пародия<span class="float-right">43</span></a></li>
<li><a href="/">Повседневность<span class="float-right">288</span></a></li>
<li><a href="/">Постапокалиптика<span class="float-right">5</span></a></li>
<li><a href="/">Приключения<span class="float-right">814</span></a></li>
<li><a href="/">Психология<span class="float-right">48</span></a></li>
<li><a href="/">Романтика<span class="float-right">457</span></a></li>
<li><a href="/">Самурайский боевик<span class="float-right">7</span></a></li>
<li><a href="/">Сверхъестественное<span class="float-right">116</span></a></li>
<li><a href="/">Спорт<span class="float-right">86</span></a></li>
<li><a href="/">Стимпанк<span class="float-right">2</span></a></li>
<li><a href="/">Сэйнэн<span class="float-right">102</span></a></li>
<li><a href="/genre/%D1%81%D1%91%D0%B4%D0%B7%D1%91/">Сёдзё<span class="float-right">83</span></a></li>
<li><a href="/genre/%D1%81%D1%91%D0%B4%D0%B7%D1%91_%D0%B0%D0%B9/">Сёдзё-ай<span class="float-right">15</span></a></li>
<li><a href="/genre/%D1%81%D1%91%D0%BD%D1%8D%D0%BD/">Сёнэн<span class="float-right">238</span></a></li>
<li><a href="/genre/%D1%81%D1%91%D0%BD%D1%8D%D0%BD_%D0%B0%D0%B9/">Сёнэн-ай<span class="float-right">23</span></a></li>
<li><a href="/genre/%D1%82%D1%80%D0%B0%D0%B3%D0%B5%D0%B4%D0%B8%D1%8F/">Трагедия<span class="float-right">53</span></a></li>
<li><a href="/genre/%D1%82%D1%80%D0%B8%D0%BB%D0%BB%D0%B5%D1%80/">Триллер<span class="float-right">52</span></a></li>
<li><a href="/genre/%D1%83%D0%B6%D0%B0%D1%81%D1%8B/">Ужасы<span class="float-right">43</span></a></li>
<li><a href="/">Фантастика<span class="float-right">263</span></a></li>
<li><a href="/genre/%D1%84%D1%8D%D0%BD%D1%82%D0%B5%D0%B7%D0%B8/">Фэнтези<span class="float-right">421</span></a></li>
<li><a href="/genre/%D1%88%D0%BA%D0%BE%D0%BB%D0%B0/">Школа<span class="float-right">307</span></a></li>
<li><a href="/genre/%D1%8D%D1%80%D0%BE%D1%82%D0%B8%D0%BA%D0%B0/">Эротика<span class="float-right">41</span></a></li>
<li><a href="/genre/%D1%8D%D1%82%D1%82%D0%B8/">Этти<span class="float-right">275</span></a></li>
<li><a href="/genre/%D1%8E%D1%80%D0%B8/">Юри<span class="float-right">5</span></a></li>
<li><a href="/genre/%D1%8F%D0%BE%D0%B9/">Яой<span class="float-right">1</span></a></li>
<li class="magic"></li>
</ul>
</li>
<li class="nav-item nav-sub-item"><a href="javascript:void(0)">Года</a><ul>
<li><a href="/year/2020/">2020<span class="float-right">43</span></a></li>
<li><a href="/year/2019/">2019<span class="float-right">150</span></a></li>
<li><a href="/year/2018/">2018<span class="float-right">200</span></a></li>
<li><a href="/year/2017/">2017<span class="float-right">148</span></a></li>
<li><a href="/year/2016/">2016<span class="float-right">142</span></a></li>
<li class="magic2"></li>
</ul>
</li>
<li><a href="/calendar/" title="Расписание">Расписание</a></li>
<li><a href="/top100.html" title="Топ 100 Аниме">ТОП 100</a></li>
</ul>
</nav>
</div>

 

вот стили от меню!!


/** -------- HEADER,TOPLINE ------ **/
.head_top{background-color:#fff; position: relative;z-index: 99;}
.head_bot{background-color:#151617; position: relative;z-index: 99;}
.head_top-in{height:50px}
.head_bot-in{height:80px}
.head_top-in,.head_bot-in{padding:0 20px 0 20px}
.logotype{vertical-align:middle;margin-left:20px;font-size:29px;text-transform:uppercase;font-weight: bold;}
.logotype span{font-size:18px;color:#eb3344}
.logotype img{width:44px;vertical-align:top;}
.head_elem{margin-left:30px;margin-bottom: 7px;}
.head_elem .links{list-style:none;padding:0;margin:0;display:inline-block;vertical-align:middle}
.head_elem .links li{display:inline-block}
.head_elem .links li a{font-size:18px;margin-right:12px;color:#919391}
.head_elem .links li a:hover{color:#dc3545}
.head_elem .links li:first-child a{font-size:12px}
.mega_menu > ul{display:block;padding-left:50px}
.mega_menu > ul > li{display:inline-block}
.mega_menu > ul > li:hover{color:#fff;background-color:#333}
.mega_menu > ul > li:hover > a{color:#fff}
.mega_menu > ul > li:hover .menu{max-height:9999px;opacity:1;z-index:999}
.mega_menu > ul > li > a{position:relative;display:block;padding:14px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;color:#fff;font-size:18px}
.mega_menu > ul .menu{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;max-height:0;opacity:0;overflow:hidden;width:100%;left:0;text-align:center;position:absolute;background-color:#fff;z-index:9;border-color:#efeff0;-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-ms-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-o-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);box-shadow:0 0 15px 0 rgba(28,25,44,0.05)}
.mega_menu > ul .menu .menu_inner{padding:12px 25px 25px;width:20%;display:table-cell;vertical-align:top;}
.mega_menu > ul .menu .menu_inner.mi_left li{display:inline-block;white-space:normal;word-break:break-all;text-align:left;margin:5px 0 10px;padding:0 0 0 20px;margin-top:5px;float:left}
.mega_menu > ul .menu .menu_inner.mi_left li a{display:inline-block;vertical-align:middle;margin-right:10px;padding:0;font-size:15px;font-weight:500;line-height:30px;height:30px}
.mega_menu > ul .menu .menu_inner.mi_right li{white-space:normal;word-break:break-all;display:block;width:100%;float:left;text-align:left}
.mega_menu > ul .menu .menu_inner.mi_right li a{font-size:13px;font-weight:400;color:#8f95a3;height:30px;line-height:30px;padding:0 20px;display:block}
.mega_menu > ul .menu .menu_inner.mi_right li a:hover{background-color:#f6f7f8}
.mega_menu > ul .menu .menu_inner .menu_subtitle{color:#151617}
.mega_menu > ul > li > a .badge{top:6px;right:0;width:21px;height:20px;font-size:13px}

 

там надо ещё js потому что мобильное

 

вот меню стили

/*--- Меню ---*/
.float-right {float: right !important;color: #a7a7a7;}
@media only screen and (min-width:951px) {
#sidebar-nav {width: auto!important;left: 0!important;position: relative!important;top: 0!important;bottom: 0px;z-index: 3000;}
#nav > ul {display: block;padding-left: 50px;}
#nav > ul > li {display: inline-block;}
#nav > ul > li > a {font-family: 'LeagueGothic';position: relative;display: block;padding: 14px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;color: #fff;font-size: 18px;text-transform: uppercase;}
#nav > ul > li:hover {color: #fff;background-color: #333;}
#nav > ul > li.nav-sub-item ul {background-color: #222;position: absolute;top: -999em;border-left: 5px solid transparent;border-right: 5px solid transparent;opacity: 0;display: flex!important;flex-direction: column; flex-wrap: wrap;max-height: 574px;}
#nav > ul > li.nav-sub-item:hover ul {z-index: 99;transition: all 2s linear;opacity: 1;top: auto;transition: 0.5s opacity;}
#nav > ul > li.nav-sub-item ul > li {page-break-inside: avoid;break-inside: avoid;max-width: 200px;}
#nav > ul > li.nav-sub-item ul > li:hover {background-color: #333;}
#nav > ul > li.nav-sub-item ul > li a {color: #fff;display: block;padding: 10px 20px;min-width: 200px;max-width: 200px;}
.sidebar nav ul .nav-sub-item > a::after {content: "\F140";display: inline-block;font: normal normal normal 24px/1 "Material Design Icons";font-size: 1rem;position: relative;right: -0.1rem;top: .1rem;float: right;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;-o-transition: -o-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s,-o-transform .3s;}
#nav li.magic {height: 0;margin: 0;padding: 0;visibility: collapsed;}
.nav-sub-item ul > li.magic:nth-child(45), .nav-sub-item ul > li.magic:nth-child(46), .nav-sub-item ul > li.magic:nth-child(47), .nav-sub-item ul > li.magic:nth-child(48) {width: 600px;max-width: 1000px!important;}
.nav-sub-item ul > li.magic2 {width: 400px;max-width: 1000px!important;}
}
@media only screen and (max-width:950px){
.menu-overlay {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;z-index: 99;display: none;}
.sidebar{position:fixed;top:56px;bottom:0;width:300px;background-color:#222;}
.sidebar-mask{cursor:url('/templates/Animes/images/cursor-nav-close.png') 24 24, pointer;z-index:999!important;}
.sidebar.right{right:-300px;text-align:right;}
.sidebar.left{left:-300px;}
.sidebar a{text-decoration:none;display:block;}
.sidebar .wrapper{position:relative;height:100%;width:100%;padding:1em;padding-top:1.5em;overflow-y:auto;-webkit-box-sizig:border-box -moz-box-sizing:border-box;box-sizing:border-box;}
.sidebar nav{margin-bottom:24px;}
.sidebar nav ul li{margin:4px 0;}
.sidebar nav ul li ul li{padding:0;margin:0;}
.sidebar nav ul li ul{display:none;}
.sidebar nav ul, .sidebar nav ul ul{margin:0;padding:0px;list-style-type:none;}
.sidebar nav ul .nav-sub-item > a::after{content:"\F140";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:1rem;position:relative;right:.4rem;top:.4rem;float:right;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-o-transform .3s;}
.sidebar nav ul .nav-sub-item > a.open::after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.sidebar nav ul .nav-sub-item > a.open{background-color:#fff;color:#3C4858;}
.sidebar nav ul .nav-item > a.active{background-color:rgba(255, 255, 255, 0.09);}
.sidebar nav ul a{color:#fff;display:block;padding:10px;font-size:.9rem;transition:background-color 0.5s ease;}
.sidebar nav ul a:hover,.sidebar nav ul a:focus{text-decoration:none;}
.sidebar nav ul a:hover,.sidebar nav ul a:active{background-color:rgba(255, 255, 255, 0.09);color: #DDD;}
.sidebar nav ul ul a{color:#fff;background-color:#222222;font-size:0.9rem;padding-left:20px;}
}
@media only screen and (max-width:590px){
.sidebar.left {top: 110px!important;}
}

@media only screen and (min-width:950px){.nav_mobile-btn,.nav_mobile,.nav_mobile-mask{display:none!important}}
.nav_mobile-btn i.has-dropdown-icon{display:inline-block;margin-left:4px;width:4px;height:8px;padding-top:2px;border-top-width:1px;border-top-style:solid;margin-right:-8px}
.nav_mobile-btn i.has-dropdown-icon:before{content:'';display:block;width:100%;height:4px;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}
.nav_mobile-btn{position:relative;display:block;text-align:center;z-index:2;color:#fff;font-size:20px;padding:7px 10px;line-height:1;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile-btn:hover{}
.nav_mobile-btn span{font-size: 28px;line-height: 20px;}
.nav_mobile .nav_mobile-btn{background:#333;color:#fff;float:right;margin:0 0 30px}
.nav_mobile{z-index:9999;height:100%;width:100%;background:#f7f7f7;position:fixed;top:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile .content{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.nav_mobile .content_inwrap{position:relative;min-height:100%;padding:30px 30px 100px}
.nav_mobile-open .nav_mobile{opacity:1;visibility:visible}
.nav_mobile .menu{font-size:13px;font-weight:400;font-style:normal;line-height:1.2em;text-transform:uppercase;letter-spacing:0.15em;overflow:hidden;width:100%;margin-bottom:30px}
.nav_mobile-title {font-size:26px}
.nav_mobile .menu ul{padding:0;margin:0;list-style:none}
.nav_mobile .menu li{margin:0;padding:0}
.nav_mobile .menu a{position:relative;display:inline-block;padding:5px 0;color:#333;font-size:17px}
.nav_mobile .menu a:hover{color:#333}
.nav_mobile .menu a:after{content:"";display:block;margin:5px auto 0;border-top:1px solid #333;margin-left:0;width:0;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile .menu a:hover{text-decoration:none}
.nav_mobile .menu a:hover:after{width:100%}
.nav_mobile .menu > ul > li ul{padding-bottom:10px;padding-left:20px}
.nav_mobile .menu > ul > li ul a{color:#777}
.nav_mobile .menu > ul > li ul a:hover{color:#333}
.nav_mobile .menu > ul > li ul ul{padding-top:10px;padding-bottom:10px}

@media only screen and (min-width:600px) and (max-width:1170px){
.nav_mobile .menu>ul{-webkit-columns:330px 2;-webkit-columns:330px 2;-moz-columns:330px 2;columns:330px 2;-webkit-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.nav_mobile .menu > ul li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}}


/** -------- HEADER,TOPLINE ------ **/
.head_top{background-color:#fff; position: relative;z-index: 99;}
.head_bot{background-color:#151617; position: relative;z-index: 99;}
.head_top-in{height:50px}
.head_bot-in{height:80px}
.head_top-in,.head_bot-in{padding:0 20px 0 20px}
.logotype{vertical-align:middle;margin-left:20px;font-size:29px;text-transform:uppercase;font-weight: bold;}
.logotype span{font-size:18px;color:#eb3344}
.logotype img{width:44px;vertical-align:top;}
.head_elem{margin-left:30px;margin-bottom: 7px;}
.head_elem .links{list-style:none;padding:0;margin:0;display:inline-block;vertical-align:middle}
.head_elem .links li{display:inline-block}
.head_elem .links li a{font-size:18px;margin-right:12px;color:#919391}
.head_elem .links li a:hover{color:#dc3545}
.head_elem .links li:first-child a{font-size:12px}
.mega_menu > ul{display:block;padding-left:50px}
.mega_menu > ul > li{display:inline-block}
.mega_menu > ul > li:hover{color:#fff;background-color:#333}
.mega_menu > ul > li:hover > a{color:#fff}
.mega_menu > ul > li:hover .menu{max-height:9999px;opacity:1;z-index:999}
.mega_menu > ul > li > a{position:relative;display:block;padding:14px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;color:#fff;font-size:18px}
.mega_menu > ul .menu{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;max-height:0;opacity:0;overflow:hidden;width:100%;left:0;text-align:center;position:absolute;background-color:#fff;z-index:9;border-color:#efeff0;-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-ms-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-o-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);box-shadow:0 0 15px 0 rgba(28,25,44,0.05)}
.mega_menu > ul .menu .menu_inner{padding:12px 25px 25px;width:20%;display:table-cell;vertical-align:top;}
.mega_menu > ul .menu .menu_inner.mi_left li{display:inline-block;white-space:normal;word-break:break-all;text-align:left;margin:5px 0 10px;padding:0 0 0 20px;margin-top:5px;float:left}
.mega_menu > ul .menu .menu_inner.mi_left li a{display:inline-block;vertical-align:middle;margin-right:10px;padding:0;font-size:15px;font-weight:500;line-height:30px;height:30px}
.mega_menu > ul .menu .menu_inner.mi_right li{white-space:normal;word-break:break-all;display:block;width:100%;float:left;text-align:left}
.mega_menu > ul .menu .menu_inner.mi_right li a{font-size:13px;font-weight:400;color:#8f95a3;height:30px;line-height:30px;padding:0 20px;display:block}
.mega_menu > ul .menu .menu_inner.mi_right li a:hover{background-color:#f6f7f8}
.mega_menu > ul .menu .menu_inner .menu_subtitle{color:#151617}
.mega_menu > ul > li > a .badge{top:6px;right:0;width:21px;height:20px;font-size:13px}

 

а вот тебе js
https://anipoisk.org/templates/Animeshnik/js/libs.js

 

если надо, я могу все поставить тебе на сайт !

 

лайк хоть парню поставь за труды