Question

Закрепил меню сайта http://xperiment.usite.pro но при прокрутке ссылки плохо видно. Нужно вствить что то вроде 

 .read-m {display:inline-block;padding:13px 50px;font-size:16px;font-style:italic;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);} 

Чтобы было приблизительно как здесь: http://white-catalog.usite.pro но здесь я удалил меню и реализовал через ссылки, а хочется изменить само меню, что-бы можно было его так-же редактировать через "конструктор меню".

Вот код катменю из ксс:

 #catmenu {padding:20px 0 0;} #catmenu ul,#catmenu li {margin:0;padding:0;list-style:none;} #catmenu li {display:inline-block;border-left:1px solid #4f4a42;padding:0 0 0 4px;} #catmenu li:first-child {border:none;} #catmenu li.item-parent {position:relative;} #catmenu li a {position:relative;display:inline-block;padding:0 15px;font-size:14px;color:#afa99d;line-height:20px;height:20px;text-transform:uppercase;} #catmenu li a.home-i {-moz-opacity:.6;opacity:.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);} #catmenu li a.home-i:hover,#catmenu li a.home-i.uMenuItemA {-moz-opacity:1;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} #catmenu li a.home-i span {display:inline-block;width:10px;height:10px;background:url(/.s/t/1201/home.png);} #catmenu li > a:hover,#catmenu li > a.uMenuItemA, #catmenu li:hover > a {text-decoration:none;color:#fff;} #catmenu ul ul {display:none;padding:10px 15px;background:#252322 url(/.s/t/1201/side.jpg);border:1px solid #383632;position:absolute;width:180px;top:22px;left:0;z-index:200;} #catmenu li li {float:none;display:block;text-align:left;height:auto;padding:0;background:none;border:none;} #catmenu li li a {display:block;float:none;height:auto;background:none;border:none;line-height:normal;font-weight:normal;padding:7px 0;font-size:12px;color:#afa99d;text-transform:none;} #catmenu li li > a.uMenuItemA,#catmenu li li > a:hover {height:auto;color:#fff;border:none;line-height:normal;} #catmenu li li.item-parent > a:after {content:"\203a";font-size:14px;font-family:Tahoma,Geneva,sans-serif;display:block;width:5px;position:absolute;height:5px;top:4px;left:auto;right:0;} #catmenu ul ul ul {left:195px;top:1px;z-index:220;}

Но где здесь добавить, что-бы кнопочки были виделены как в примере, не могу найти.

Answer 1

Стили:

.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
}

замените на примерно следующее:

.fixed {
    padding-bottom: 15px;
    position: fixed;
    top: 0px;
    z-index: 9999;
    background: #2f2d2b url(/.s/t/1201/bg.jpg);
    border-radius: 5px;
}

Comments

Огромное спасибо!