10:01 Меню как на ехтм | |
Очень красивое меню В CSS Code /* Menu by LIVELECTRO.NET.RU */ #head3 {background-image: url(http://livelectro.net.ru/menu_header/headdd.png);height: 29px;width: 1062px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000;} div#horiz-menu, div#horiz-menu * {margin:0;padding:0;} div#horiz-menu {margin: 0 5px;} div#horiz-menu ul {margin: 0;padding: 0;} div#horiz-menu li {margin: 0 6px 0 0;padding: 0;border: 0;height: 29px;line-height: 28px;} div#horiz-menu a {padding: 0 0 0 3px;} div#horiz-menu a span {padding: 0 10px 0 5px;} div#horiz-menu li li {margin: 0;height: 29px;} div#horiz-menu ul {padding: 0;} div#horiz-menu li li a {padding: 0 0 0 5px;width:185px;} div#horiz-menu li ul {width: 190px;} div#horiz-menu li li:hover ul, div#horiz-menu li li li:hover ul, div#horiz-menu li li li li:hover ul {width: 190px;} div#horiz-menu li li {width: 190px;} /*------------------------------------------------------------*/ div#horiz-menu {font-size: 8pt;line-height: 10px;} div#horiz-menu a {text-decoration: none;} div#horiz-menu a:hover {text-decoration: none!important;} div#horiz-menu li li a {text-decoration:none;} div#horiz-menu li li a {line-height: 30px;} /*------------------------------------------------------------*/ div#horiz-menu {position: relative;} div#horiz-menu ul {list-style: none;} div#horiz-menu li, div#horiz-menu a {display: block;float: left;} div#horiz-menu li span {display: block;} div#horiz-menu {float:left;position: relative;} div#horiz-menu li {float:left;list-style:none;position:relative;} div#horiz-menu li li a {display:block;float:none;} div#horiz-menu li ul {float: none;left:-999em;position:absolute;z-index: 1000;} div#horiz-menu li:hover ul {left:1px;top: 28px;} div#horiz-menu li:hover li ul, div#horiz-menu li li:hover li ul, div#horiz-menu li li li:hover li ul {top:-999em;} div#horiz-menu li li:hover ul, div#horiz-menu li li li:hover ul, div#horiz-menu li li li li:hover ul {left: 190px;top:0px;} div#horiz-menu li li {position: relative;float:none;} /*-----------------------------------------------------------*/ div#horiz-menu li.level1 ul {background: #474747;} div#horiz-menu li.level1 li a, div#horiz-menu li.level1 li span.separator {border-bottom: 1px solid #5b5b5b;} div#horiz-menu li.level1 li a {color: #bfbfbf !important;} div#horiz-menu li.level1 li:hover {background: #7c7c7c;} div#horiz-menu li.level1 a.topdaddy{color: #FFF;} div#horiz-menu li.level1 a.topdaddy:hover {color: #CCC;background: transparent url(http://extm.clan.su/img/15.png) no-repeat left 5px;} div#horiz-menu li.level1 a.topdaddy:hover span {background: transparent url(http://extm.clan.su/img/15left.png) no-repeat right 5px;} div#horiz-menu li.topli a.topdaddy:hover {color: #bfbfbf;background: transparent url('http://extm.clan.su/img/16.png') no-repeat left 5px !important;} div#horiz-menu li.topli a.topdaddy:hover span {background: transparent url('http://extm.clan.su/img/16left.png') no-repeat right 5px !important;} div#horiz-menu li.active a.topdaddy, div#horiz-menu li.active a.topdaddy:hover {color: #CCC;background: transparent url('http://extm.clan.su/img/15.png') no-repeat left 5px;} div#horiz-menu li.active a.topdaddy span, div#horiz-menu li.active a.topdaddy:hover span {color: #CCC;background: transparent url('http://extm.clan.su/img/15left.png') no-repeat left 5px;} /* -------------------------- */ Само меню Code <b><div class="byakaMenu"> <div class="byakaUp"><span style="padding-right:4px;">Основное</span></div> <div class="byakaPoint"><a href="/">Главная</a></div> <div class="byakaPoint"><a href="/news/">Новости</a></div> <div class="byakaPoint"><a href="/forum/" id="menu_active_li">Форум</a></div> <div class="byakaPoint"><a href="/load/">Клубные MP3</a></div> <div class="byakaPoint"><a href="/dir/">Клубные клипы</a></div> <div class="byakaPoint"><a href="/publ/">Программы для DJ</a></div> <div class="byakaPoint"><a href="/index/zakazat_reklamu/0-62">Заказать рекламу</a></div> <div class="byakaUp" style="border-top:1px solid #9b9b9b"><span style="padding-right:4px;">MP3</span></div> <div class="byakaPoint"><a href="/load/26">Hard Electro</a></div> <div class="byakaPoint"><a href="/load/8">Club House / Vocal House</a></div> <div class="byakaPoint"><a href="/load/10">House / Disco House</a></div> <div class="byakaPoint"><a href="/load/1">Electro Hous/Electro</a></div> <div class="byakaPoint"><a href="/load/11">Progressive Trance</a></div> <div class="byakaPoint"><a href="/load/16">Progressive Electro</a></div> <div class="byakaPoint"><a href="/load/22">Hardstyle/Hardcore</a></div> <div class="byakaPoint"><a href="/load/9">Progressive House</a></div> <div class="byakaPoint"><a href="/load/13">Chillout / Lounge</a></div> <div class="byakaPoint"><a href="/load/19">Uplifting Trance</a></div> <div class="byakaPoint"><a href="/load/17">Dutch House</a></div> <div class="byakaPoint"><a href="/load/3">Drum & Bass</a></div> <div class="byakaPoint"><a href="/load/15">Fidget-House</a></div> <div class="byakaPoint"><a href="/load/18">Funky House</a></div> <div class="byakaPoint"><a href="/load/21">Vocal Trance</a></div> <div class="byakaPoint"><a href="/load/6">Dance / Club / Pop</a></div> <div class="byakaPoint"><a href="/load/14">Tech House</a></div> <div class="byakaPoint"><a href="/load/5">DubStep</a></div> <div class="byakaPoint"><a href="/load/7">Minimal</a></div> <div class="byakaPoint"><a href="/load/4">Techno</a></div> <div class="byakaPoint"><a href="/load/20">Breaks</a></div> <div class="byakaPoint"><a href="/load/2">Trance</a></div> <div class="byakaPoint"><a href="/load/25">Tribal</a></div> <div class="byakaPoint"><a href="/load/12">Deep</a></div> <div class="byakaUp"><span style="padding-right:4px;">Программы для DJ</span></div> <div class="byakaPoint"><a href="/publ/1">Виртуальные DJ студии</a></div> <div class="byakaPoint"><a href="/publ/2">Сведения треков</a></div> <div class="byakaPoint"><a href="/publ/3">Создания треков</a></div> <div class="byakaPoint"><a href="/publ/4">Прочее</a></div> <div class="byakaUp"><span style="padding-right:4px;">Клубные клипы онлайн</span></div> <div class="byakaPoint"><a href="/dir/5">Миксы, интервью, сеты</a></div> <div class="byakaPoint"><a href="/dir/3">Club Music</a></div> <div class="byakaPoint"><a href="/dir/1">Pop/Dance</a></div> <div class="byakaPoint"><a href="/dir/2">Rap/R'n'B</a></div> <div class="byakaPoint"><a href="/dir/4">Другое</a></div> <div class="byakaUp"><span style="padding-right:4px;color: red;">Реклама</span></div> <div class="byakaPoint"><a ><span style="color: red;">Ваша реклама</span></a></div> <div class="byakaPoint"><a ><span style="color: red;">Ваша реклама</span></a></div> </b></div> | |
|
Всего комментариев: 1 | |
| |