ac-dream (10 Май 2015 - 22:12) писал:
Отправлено 08 May 2015 - 22:06
Vaccina (08 May 2015 - 02:16) писал:
В main.css найдите:
.menuWrap{margin:0 auto; padding:10px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline;padding:13px; cursor:pointer; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.menuWrap li:hover a{/*border-bottom:2px solid rgba(240,240,240,.8);border-top:2px solid rgba(240,240,240,.8);*/}
.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}
.menuWrap li a:before{opacity:0;position:absolute;bottom:40px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a:after{opacity:0;position:absolute;left:0px; top:40px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li:hover a:before{bottom:25px;opacity:1;}
.menuWrap li:hover a:after{top:28px;opacity:1;}
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
замените на:
.menuWrap{margin:0 auto; padding:5px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline-block; cursor:pointer; border-right: 1px solid #000; height:36px;}
.menuWrap li:hover a, .menuWrap li a.selected { background: #6fa3dc;}
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}
Спасибо. Ссылки подняла на полоску меню сама, а вот по центру сделать ссылки относительно вертикальных полос не удаётся. Как это сделать? (скрин).
Шрифт ссылок сделать жирным. И заливку голубым цветом сделать по ширине чёрной полосы (как сверху сейчас отступ, так и снизу сделать от края полоски).
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.menuWrap{margin:0 auto; padding:5px 0; margin-top:-120px;overflow:hidden;}
Замените на:
.menuWrap{margin:0 auto; padding: 2px 0; margin-top:-120px;overflow:hidden;}
Найдите код:
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}
Замените на:
.menuWrap li a{position:relative;font-size:20px;padding: 6px 13px;color:white;display: block;font-weight: bold;height: 38px;}