Разберемся самостоятельно
1) Редактируем Основное меню
Код меню имеет следующую структуру
DIV - Список- рамка из дивов внутри которой помещен текст ссылки с тегом <span>
Извращаться с таким построением меню можно долго. Но наша задача сделать красивое меню. Для этого будем изменять CSS списка и элементов.
Выше показано какие классы определяют элементы меню. После долгих экспериментов для своего шаблона я получил такое меню
Код
uMenuV {width:186px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:0px solid #484747;border-bottom:0px solid #484747;
}
ul.uMenuRoot {font-size: 12px;
}
#uMenuDiv1{width: 100%;
}
#uMenuDiv1 ul{list-style:none;margin:0px;padding:0px;width: 100%;
}
#uMenuDiv1 li{list-style:none;margin:0px;padding:0px; width: 100%;
}
#uMenuDiv1 li a,#uMenuDiv1 li a:link,#uMenuDiv1 li a:visited{display: block; padding: 10px 10px 10px;
background-color: #FFF;}
#uMenuDiv1 li a:hover,#uMenuDiv1 li a:active{display: block; color: #ffffff; padding: 10px 10px 10px ;text-decoration:none;
background-color: #1aa3ff;}
#uMenuDiv1 li li a, #uMenuDiv1 li li a:link, #uMenuDiv1 li li a:visited, #uMenuDiv1{width:100%;color:#555;font-weight:normal; line-height:32pt;border-bottom: 2px #0f0f0f solid}
#uMenuDiv1 li li a:hover,#uMenuDiv1 li li a:active{;
}
#uMenuDiv1 li ul{height:auto;width: 100%; margin:0px; padding:5px;
color: #868686;}
#uMenuDiv1 li li{}
#uMenuDiv1 li ul a{width:0px}
#uMenuDiv1 li ul a:hover,#menu li ul a:active{
}
#uMenuDiv1 li ul ul{margin: 0px 0 0 0px}
#muMenuDiv1 li:hover ul,#uMenuDiv1 li li:hover ul,#uMenuDiv1 li li li:hover ul,#uMenuDiv1 li.sfhover ul,#uMenuDiv1 li li.sfhover ul,#uMenuDiv1 li li li.sfhover ul{}
#uMenuDiv1 li:hover,#uMenuDiv1 li.sfhover{position:static}
Где:
#1aa3ff - цвет фона при наведении на элемент
#FFF - цвет фона
display: block; - фон растягивается по всей длине элемента списка
line-height:32pt; - растягиваем каждый элемент
#uMenuDiv1 li a,#uMenuDiv1 li a:link,#uMenuDiv1 li a:visited{display: block; padding: 10px 10px 10px;
background-color: #номер цвета фона;} - цвет основного фона меню
и т.д.
Хочу отметить что при большом желании и богатой фантазии можно сделать шаблон без использования другого меню, используя только меню из конструктора и при этом оно будет выглядеть заебись.
