UltraMag (09 Ноябрь 2014 - 11:53) писал:
На сайте samara-light.ru этот вариант представлен.
Можно так же отцентрировать иконку и само меню?
И цвет иконки при наведении.
здравствуйте, для того что бы отцентрировать меню найдите в style.css
.img_link_wrapper {
float: left;
}
замените на
.img_link_wrapper {
float: left;
margin-right: 61px;
}
далее найдите
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:rgba(0,0,0,0.2);text-shadow:0 0 30px #FFF;color: white;border-top: 1px solid #C9C9C9;}
замените на
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background-color:rgba(0,0,0,0.2);text-shadow:0 0 30px #FFF;color: white;border-top: 1px solid #C9C9C9;opacity: 1;}
далее найдите
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover{background:url(http://design.ultramag-samara.ru/icons-uni-white.png?6119) left no-repeat;display: inline-block;line-height: 1.3em;position: relative;color:#F2DBDB;border-top: 1px solid rgba(48, 26, 26, 0.71);padding: 0 18px;margin: 0;text-decoration:none;font-size:12px;font-family: 'Cuprum', Verdana, Geneva, sans-serif;text-transform:uppercase;line-height: 49px;}
замените на
.et_categ_box a, .et_categ_box a:hover, #scroll-box a, #scroll-box a:hover{background:url(http://design.ultramag-samara.ru/icons-uni-white.png?6119) left no-repeat;display: inline-block;line-height: 1.3em;position: relative;color:#F2DBDB;border-top: 1px solid rgba(48, 26, 26, 0.71);padding: 0 18px;margin: 0;text-decoration:none;font-size:12px;font-family: 'Cuprum', Verdana, Geneva, sans-serif;text-transform:uppercase;line-height: 49px;opacity: 0.8;}