|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Дизайн меню сайта |
Дизайн меню сайта |
Здравствуйте, когда я перехожу на 2-ой пункт меню сайта, выделяется 2-ой и 4-ый пункт.
А я хочу чтобы 1) пункт меню выделялся при наведении курсора 2) пункт меню оставался выделенным при нахождении на его странице Вроде этот код? как его подправить? #catmenu {background:#242424 url(/.s/t/2012/nav.png) 0 0 repeat-x;line-height:42px;position:relative;z-index:200;border-bottom:1px solid #2f2f2f;margin:15px 0 0;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;} #catmenu .nav-head,#catmenu ul li em {display:none;} #catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;} #catmenu li {float:left;height:42px;background:url(/.s/t/2012/nav-s.png) 0 1px no-repeat;padding:0 0 0 2px;} #catmenu li.item-parent {position:relative;} #catmenu li a {position:relative;display:inline-block;height:42px;line-height:42px;text-shadow:0 1px 1px #111;padding:0 15px;font-size:14px;color:#fff;} #catmenu li:first-child {padding:0;background:none;} #catmenu li:first-child > a {-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;} #catmenu li > a:hover,#catmenu li > a.uMenuItemA {text-decoration:none;color:#fff;background:#525252 url(/.s/t/2012/nav-hov.png) 0 0 repeat-x;} #catmenu ul ul {display:none;padding:15px;background:#424242;position:absolute;width:180px;top:44px;left:0;z-index:200;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;} #catmenu li li {float:none;display:block;text-align:left;height:auto;padding:0;background:none;} #catmenu li li a {display:block;height:auto;color:#fff;background:none;line-height:normal;padding:7px 15px;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #catmenu li li:first-child > a {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} #catmenu li li > a.uMenuItemA {background:none;} #catmenu li li > a:hover {background:#4f4f4f;color:#fff;} #catmenu li li.item-parent > a:after {content:"";display:block;width:5px;position:absolute;height:5px;border-right:1px solid #ccc;border-bottom:1px solid #fff;top:12px;left:auto;right:10px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} #catmenu ul ul ul {left:196px;top:1px;z-index:220;border:none;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0;} Добавлено (16 Май 2015, 11:33:08) |
Blizard, вы имеете ввиду Категории раздела? Добавьте в css следующие строчки
Код .sidebox li > a:hover {font-weight:bold;} .sidebox li > a:active {font-weight:bold;} 1) hover - стиль ссылки при наведении 2) active - активная ссылка font-weight:bold; - жирный шрифт Справочник кодов http://htmlbook.ru/ |
| |||
| |||