|
|
Модератор форума: dotbot |
Сообщество uCoz » Архивариус » Корзина » Корекцыя меню сайта (изменение меню) |
Корекцыя меню сайта |
Добрый вечер, меня интересует воарос как меню розбить на 2 или 3 части при выпадении?
На данный момент сейчас так хочу сделать что бы было: Код меню: Код <div id="headmenu" class="headmenu"> <li><a href="$HOME_PAGE_LINK$">Главная страница</a></li> <li><a href="#">Жанры</a> <ul> <li><a class="Smenu_link sm_video" href="/board/klipy/pop/76" title="Поп" alt="Поп">Рop</a></li> <li><a class="Smenu_link sm_video" href="/board/77" title="Танцевальные" alt="Танцевальные">Dance</a></li> <li><a class="Smenu_link sm_video" href="/board/78" title="Хаус" alt="Хаус">House</a></li> <li><a class="Smenu_link sm_video" href="/board/79" title="Транс" alt="Транс">Trance</a></li> <li><a class="Smenu_link sm_video" href="/board/80" title="Progressive" alt="Progressive">Progressive</a></li> <li><a class="Smenu_link sm_video" href="/board/81" title="Hardstyle" alt="Hardstyle">Hardstyle</a></li> <li><a class="Smenu_link sm_video" href="/board/82" title="DubStep" alt="DubStep">DubStep</a></li> <li><a class="Smenu_link sm_video" href="/board/94" title="SoundTrack" alt="SoundTrack">SoundTrack</a></li> <li><a class="Smenu_link sm_video" href="/board/95" title="80*s" alt="80*s">80*s</a></li> <li><a href="/board/klipy/90_e/96" title="90-e" alt="90-e">90-e</a></li> <li><a href="/board/97" title="Relax (Chill Out)" alt="Relax (Chill Out)">Relax (Chill Out)</a></li> <li><a class="Smenu_link sm_video" href="/board/75" title="Live" alt="Live">Live</a></li> <li><a href="/board/83" title="R&B" alt="R&B">R&B</a></li> <li><a href="/board/84" title="Rap" alt="Rap">Rap</a></li> <li><a href="/board/85" title="Hip-Hop" alt="Hip-Hop">Hip-Hop</a></li> <li><a href="/board/86" title="Rock" alt="Rock">Rock</a></li> <li><a href="/board/87" title="Punk-Rock" alt="Punk-Rock">Punk-Rock</a></li> <li><a href="/board/88" title="Club" alt="Club">Club</a></li> <li><a href="/board/89" title="Drumm&Bass" alt="Drumm&Bass">Drumm&Bass</a></li> <li><a href="/board/90" title="Electronica" alt="Electronica">Electronica</a></li> <li><a href="/blog/" title="Караоке" alt="Караоке">Караоке</a></li> <li><a href="/board/91" title="Techno" alt="Techno">Techno</a></li> <li><a href="/blog/" title="Alternative" alt="Alternative">Alternative</a></li> <li><a href="/board/92" title="Chanson" alt="Chanson">Chanson</a></li> </ul> </li> <li><a href="/blog">Фотоальбом</a></li> <li><a href="/forum">Форум</a></li> <li><a href="/board/0-0-0-0-1">Добавить клип</a></li> </div> ксс меню: Код #headmenu { background:#81b752; width:1070px; height:70px; display:table; margin:auto; } #headmenu a { text-decoration:none; text-transform:uppercase; border: 0; float: left; color: #fff; line-height:70px; padding-left:35px; padding-right:35px; border-right:1px solid #90c067; list-style: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } #headmenu a:hover { background:#73a845; text-decoration:none; } #headmenu > li:hover { text-decoration:none; background:#73a845; } #headmenu li:hover ul { display:block; float:none; } #headmenu li ul { position: absolute; display: none; margin-top: 70px; list-style: none; float:none; z-index: 1000; } #headmenu ul { background:#73a845; list-style: none; margin: 0; padding: 0; float:none; } #headmenu ul li a { text-transform:none; text-decoration:none; border: 0; float:none; padding-left: 35px; line-height:50px; border-top:1px solid #81b752; color: #fff; display:block; text-shadow:none; width:220px; } #headmenu ul li a:hover { background:#81b752; } #headmenu > li { float:left; } .headmenu { margin: 0; padding:0; } .headmenu li { list-style: none; float:none; } |
|
| |||
| |||