Доброго времени суток пользователи Nk-CS.Ru. Решил выложить торрент меню может кому пригодится. Я переделал его теперь оно раздвижное. Подойдет как для светлых, так и для темных шаблонов.
И так приступим.
Установка:
В глобальный блок ставим код:
Далее идем в CSS и вставляем код:
И так приступим.
Установка:
В глобальный блок ставим код:
Код
<div id="menu">
<a href="/" class="menu"> Главная</a>
<a href="/index/0-11" class="menu"> Как скачать?</a>
<a href="/forum" class="menu"> Форум</a>
<a href="javascript://" onclick="$('#games-menu').slideToggle('slow');" class="menu"> Игры торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="games-menu" style="display:none; margin-bottom:0px;">
<a href="/load/1" class="sub-menu">Аркады</a>
<a href="/load/2" class="sub-menu">Action</a>
<a href="/load/3" class="sub-menu">3D</a>
<a href="/load/4" class="sub-menu">1St Person</a>
<a href="/load/5" class="sub-menu">RPG</a></li>
<a href="/load/6" class="sub-menu">MMORPG</a>
<a href="/load/7" class="sub-menu">Racing</a>
<a href="/load/8" class="sub-menu">Shooters</a>
<a href="/load/9" class="sub-menu">Sport</a>
<a href="/load/10" class="sub-menu">Simulation</a>
<a href="/load/11" class="sub-menu">Strategy</a>
<a href="/load/12" class="sub-menu">Casual</a>
<a href="/load/13" class="sub-menu">Online</a>
<a href="/load/14" class="sub-menu">For Kids</a>
<a href="/load/15" class="sub-menu">Logic</a>
<a href="/load/16" class="sub-menu">FPS</a>
<a href="/load/18" class="sub-menu">Большие игры на PC</a>
<a href="/load/19" class="sub-menu">Маленькие игры на PC</a>
<a href="/load/20" class="sub-menu">Русификаторы для игр</a>
<a href="/load/21" class="sub-menu">Модификации для игр</a>
<a href="/load/22" class="sub-menu">Патчи для игр</a>
<a href="/load/23" class="sub-menu">Crack</a>
<a href="/load/72" class="sub-menu">3rd Person</a>
</div>
<a href="javascript://" onclick="$('#films-menu').slideToggle('slow');" class="menu"> Фильмы торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="films-menu" style="display:none; margin-bottom:0px;">
<a href="/load/25" class="sub-menu">Приключения</a>
<a href="/load/26" class="sub-menu">Триллеры</a>
<a href="/load/27" class="sub-menu">Семейные</a>
<a href="/load/28" class="sub-menu">Военные</a>
<a href="/load/29" class="sub-menu">Фантастика</a>
<a href="/load/30" class="sub-menu">Ужасы и Мистика</a>
<a href="/load/31" class="sub-menu">Криминал</a>
<a href="/load/32" class="sub-menu">Аниме</a>
<a href="/load/33" class="sub-menu">Катастрофы</a>
<a href="/load/34" class="sub-menu">Исторические</a>
<a href="/load/35" class="sub-menu">Биография</a>
<a href="/load/36" class="sub-menu">Научно - Популярные</a>
<a href="/load/37" class="sub-menu">Концерты</a>
<a href="/load/38" class="sub-menu">Телепередачи</a>
<a href="/load/39" class="sub-menu">Драмы</a>
<a href="/load/40" class="sub-menu">Мелодрамы</a>
<a href="/load/41" class="sub-menu">Мультфильмы</a>
<a href="/load/42" class="sub-menu">Комедии</a>
<a href="/load/43" class="sub-menu">Документальные</a>
<a href="/load/44" class="sub-menu">Анимация</a>
<a href="/load/45" class="sub-menu">Боевики</a>
<a href="/load/73" class="sub-menu">Эротика</a>
<a href="/load/74" class="sub-menu">18+</a>
<a href="/load/75" class="sub-menu">Трейлеры</a>
</div>
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="menu"> Софт торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="soft-menu" style="display:none; margin-bottom:0px;">
<a href="/load/47" class="sub-menu">Драйвера</a>
<a href="/load/48" class="sub-menu">Мультимедиа</a>
<a href="/load/49" class="sub-menu">Работа с CD / DVD</a>
<a href="/load/50" class="sub-menu">Графика</a>
<a href="/load/51" class="sub-menu">Антивирусы</a>
<a href="/load/52" class="sub-menu">Операционные системы</a>
<a href="/load/53" class="sub-menu">Кейгены / Keygen</a>
<a href="/load/54" class="sub-menu">Интернет</a>
<a href="/load/55" class="sub-menu">Кодеки</a>
<a href="/load/56" class="sub-menu">Проигрыватели</a>
<a href="/load/57" class="sub-menu">Прочий софт</a>
<a href="/load/80" class="sub-menu">WPI</a>
</div>
<a href="javascript://" onclick="$('#music-menu').slideToggle('slow');" class="menu"> Музыка торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="music-menu" style="display:none; margin-bottom:0px;">
<a href="/load/59" class="sub-menu">House</a>
<a href="/load/60" class="sub-menu">Pop / Dance</a>
<a href="/load/61" class="sub-menu">Electro</a>
<a href="/load/62" class="sub-menu">Rap / Hip-hop / R n B</a>
<a href="/load/63" class="sub-menu">Rock</a>
<a href="/load/81" class="sub-menu">Drum 'n' Bass</a>
<a href="/load/82" class="sub-menu">Soundtrack / Саундтреки</a>
<a href="/load/83" class="sub-menu">Шансон</a>
<a href="/load/84" class="sub-menu">Jazz / Blues / Блюз</a>
<a href="/load/85" class="sub-menu">Trance / Progressive</a>
<a href="/load/86" class="sub-menu">Lounge / Downtempo / Chillout</a>
<a href="/load/87" class="sub-menu">Reggi</a>
<a href="/load/88" class="sub-menu">Dub Step</a>
<a href="/load/89" class="sub-menu">Minimal</a>
</div>
<a href="javascript://" onclick="$('#person-menu').slideToggle('slow');" class="menu"> Персонализация <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="person-menu" style="display:none; margin-bottom:0px;">
<a href="/load/77" class="sub-menu">Темы для windows</a>
<a href="/load/79" class="sub-menu">Картинки,Обои</a>
</div>
<a href="/load" class="menu"> Архив</a>
<style>
a.s-menu:link, a.s-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:bold; padding:3px 0px 3px 5px; color:#696969;}
a.s-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
a.ss-menu:link, a.ss-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:normal; padding:3px 0px 3px 5px; color:#696969; margin-left:16px;}
a.ss-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
</style></div>
<a href="/" class="menu"> Главная</a>
<a href="/index/0-11" class="menu"> Как скачать?</a>
<a href="/forum" class="menu"> Форум</a>
<a href="javascript://" onclick="$('#games-menu').slideToggle('slow');" class="menu"> Игры торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="games-menu" style="display:none; margin-bottom:0px;">
<a href="/load/1" class="sub-menu">Аркады</a>
<a href="/load/2" class="sub-menu">Action</a>
<a href="/load/3" class="sub-menu">3D</a>
<a href="/load/4" class="sub-menu">1St Person</a>
<a href="/load/5" class="sub-menu">RPG</a></li>
<a href="/load/6" class="sub-menu">MMORPG</a>
<a href="/load/7" class="sub-menu">Racing</a>
<a href="/load/8" class="sub-menu">Shooters</a>
<a href="/load/9" class="sub-menu">Sport</a>
<a href="/load/10" class="sub-menu">Simulation</a>
<a href="/load/11" class="sub-menu">Strategy</a>
<a href="/load/12" class="sub-menu">Casual</a>
<a href="/load/13" class="sub-menu">Online</a>
<a href="/load/14" class="sub-menu">For Kids</a>
<a href="/load/15" class="sub-menu">Logic</a>
<a href="/load/16" class="sub-menu">FPS</a>
<a href="/load/18" class="sub-menu">Большие игры на PC</a>
<a href="/load/19" class="sub-menu">Маленькие игры на PC</a>
<a href="/load/20" class="sub-menu">Русификаторы для игр</a>
<a href="/load/21" class="sub-menu">Модификации для игр</a>
<a href="/load/22" class="sub-menu">Патчи для игр</a>
<a href="/load/23" class="sub-menu">Crack</a>
<a href="/load/72" class="sub-menu">3rd Person</a>
</div>
<a href="javascript://" onclick="$('#films-menu').slideToggle('slow');" class="menu"> Фильмы торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="films-menu" style="display:none; margin-bottom:0px;">
<a href="/load/25" class="sub-menu">Приключения</a>
<a href="/load/26" class="sub-menu">Триллеры</a>
<a href="/load/27" class="sub-menu">Семейные</a>
<a href="/load/28" class="sub-menu">Военные</a>
<a href="/load/29" class="sub-menu">Фантастика</a>
<a href="/load/30" class="sub-menu">Ужасы и Мистика</a>
<a href="/load/31" class="sub-menu">Криминал</a>
<a href="/load/32" class="sub-menu">Аниме</a>
<a href="/load/33" class="sub-menu">Катастрофы</a>
<a href="/load/34" class="sub-menu">Исторические</a>
<a href="/load/35" class="sub-menu">Биография</a>
<a href="/load/36" class="sub-menu">Научно - Популярные</a>
<a href="/load/37" class="sub-menu">Концерты</a>
<a href="/load/38" class="sub-menu">Телепередачи</a>
<a href="/load/39" class="sub-menu">Драмы</a>
<a href="/load/40" class="sub-menu">Мелодрамы</a>
<a href="/load/41" class="sub-menu">Мультфильмы</a>
<a href="/load/42" class="sub-menu">Комедии</a>
<a href="/load/43" class="sub-menu">Документальные</a>
<a href="/load/44" class="sub-menu">Анимация</a>
<a href="/load/45" class="sub-menu">Боевики</a>
<a href="/load/73" class="sub-menu">Эротика</a>
<a href="/load/74" class="sub-menu">18+</a>
<a href="/load/75" class="sub-menu">Трейлеры</a>
</div>
<a href="javascript://" onclick="$('#soft-menu').slideToggle('slow');" class="menu"> Софт торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="soft-menu" style="display:none; margin-bottom:0px;">
<a href="/load/47" class="sub-menu">Драйвера</a>
<a href="/load/48" class="sub-menu">Мультимедиа</a>
<a href="/load/49" class="sub-menu">Работа с CD / DVD</a>
<a href="/load/50" class="sub-menu">Графика</a>
<a href="/load/51" class="sub-menu">Антивирусы</a>
<a href="/load/52" class="sub-menu">Операционные системы</a>
<a href="/load/53" class="sub-menu">Кейгены / Keygen</a>
<a href="/load/54" class="sub-menu">Интернет</a>
<a href="/load/55" class="sub-menu">Кодеки</a>
<a href="/load/56" class="sub-menu">Проигрыватели</a>
<a href="/load/57" class="sub-menu">Прочий софт</a>
<a href="/load/80" class="sub-menu">WPI</a>
</div>
<a href="javascript://" onclick="$('#music-menu').slideToggle('slow');" class="menu"> Музыка торрент <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="music-menu" style="display:none; margin-bottom:0px;">
<a href="/load/59" class="sub-menu">House</a>
<a href="/load/60" class="sub-menu">Pop / Dance</a>
<a href="/load/61" class="sub-menu">Electro</a>
<a href="/load/62" class="sub-menu">Rap / Hip-hop / R n B</a>
<a href="/load/63" class="sub-menu">Rock</a>
<a href="/load/81" class="sub-menu">Drum 'n' Bass</a>
<a href="/load/82" class="sub-menu">Soundtrack / Саундтреки</a>
<a href="/load/83" class="sub-menu">Шансон</a>
<a href="/load/84" class="sub-menu">Jazz / Blues / Блюз</a>
<a href="/load/85" class="sub-menu">Trance / Progressive</a>
<a href="/load/86" class="sub-menu">Lounge / Downtempo / Chillout</a>
<a href="/load/87" class="sub-menu">Reggi</a>
<a href="/load/88" class="sub-menu">Dub Step</a>
<a href="/load/89" class="sub-menu">Minimal</a>
</div>
<a href="javascript://" onclick="$('#person-menu').slideToggle('slow');" class="menu"> Персонализация <div style="float:right;padding:2px 5px 0 0;"><img src="/menu/submenu-btn.png" align="absmiddle" alt=""></div></a>
<div id="person-menu" style="display:none; margin-bottom:0px;">
<a href="/load/77" class="sub-menu">Темы для windows</a>
<a href="/load/79" class="sub-menu">Картинки,Обои</a>
</div>
<a href="/load" class="menu"> Архив</a>
<style>
a.s-menu:link, a.s-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:bold; padding:3px 0px 3px 5px; color:#696969;}
a.s-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
a.ss-menu:link, a.ss-menu:visited {display:block; border-bottom:1px solid #f7f7f7; font-weight:normal; padding:3px 0px 3px 5px; color:#696969; margin-left:16px;}
a.ss-menu:hover {background:#F3F3F3; border-bottom:1px solid #E7E7E7; color:#696969;}
</style></div>
Далее идем в CSS и вставляем код:
Код
#menu {border:1px solid #000;border-bottom:none;font-family:Tahoma, sans-serif;}
#menu ul {list-style:none;}
#menu li {list-style:inherit;}
.menu, .sub-menu {font-size:10px;letter-spacing:0.2px;line-height:12px;padding:3px 0 4px 0;display:block;background: #3c3c3c;border-top: 1px solid #555;border-bottom: 1px solid #000;color: #fff;font-weight:bold;}
.menu {padding-left:8px;}
.menu:hover, .sub-menu:hover {text-decoration:none;border-top: 1px solid #262525;background: #262525}
.sub-menu {padding-left:23px;background: scroll #3c3c3c url(/menu/sub-menu.png) 13px 50% no-repeat;}
.sub-menu:hover {background: scroll #262525 url(/menu/sub-menu.png) 13px 50% no-repeat;}
#menu ul {list-style:none;}
#menu li {list-style:inherit;}
.menu, .sub-menu {font-size:10px;letter-spacing:0.2px;line-height:12px;padding:3px 0 4px 0;display:block;background: #3c3c3c;border-top: 1px solid #555;border-bottom: 1px solid #000;color: #fff;font-weight:bold;}
.menu {padding-left:8px;}
.menu:hover, .sub-menu:hover {text-decoration:none;border-top: 1px solid #262525;background: #262525}
.sub-menu {padding-left:23px;background: scroll #3c3c3c url(/menu/sub-menu.png) 13px 50% no-repeat;}
.sub-menu:hover {background: scroll #262525 url(/menu/sub-menu.png) 13px 50% no-repeat;}
1413_menu.rar [1.0 Kb] (Скачали 41)
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+EnterКомментарии (0)
Добавить