ipodushkin (20 Март 2015 - 12:29) писал:
1. Вставляю код сюда:
#search input[type="submit"], .nav-container .menu_block_dropdown .et_categ_box a:hover, .et_categ_box a:hover {background: linear-gradient(to top, #445363, #445363);}
заместо
{background: linear-gradient(to top, #445363, #445363)
2. Мне нужно увеличить саму картинку logo. Сейчас она 265x83. Изменил на 400px в
.logo img {
vertical-align: middle;
width: 400px;
}
, и сделал новое logo размером 400x83, вставил на сайт, но оно также вставляется в прежнее окно в шапке (265x83).
3. Сейчас на планшетах вот так:
Хотелось бы так:
Пожалуйста не отменяйте сделанные изменения. Для изменения фона верхнего меню, изменения необходимо проводить в style.css в
.nav-container {
background: #fff;
background: linear-gradient(to top, #364657, #364657);
margin-bottom: 0px;
position: relative;
display: block;
float: left;
bottom: 0;
width: 100%;
}
на данный момент код работает, но из-за незначительной разницы цветов это мало заметно.
2. Для изменения размеров логотипа, изменения Вам нужно проводить и в
.logo {
margin-top: 0;
text-align: center;
width: 270px;
float: left;
display: block;
padding: 20px;
}
в параметре width: 270px; и в
.logo img {
vertical-align: middle;
width: 400px;
}
3. Для расширения промо-блока в style.css замените
.promo_block {
width: 740px!important;
}
на
.promo_block {
width: 940px!important;
}
и
.promo_block li {
padding-left: 55px;
width: 135px;
padding-right: 15px;
}
замените на
.promo_block li {
padding-left: 55px;
width: 185px;
padding-right: 15px;
}
Также замените
.header_bar {
position: fixed;
top: 0px;
z-index: 10000;
width: 100%;
background: url('http://design.minimoykin.ru/header-bg1.png?design=movement');
display: none;
}
на
.header_bar {
position: fixed;
top: 0px;
z-index: 10000;
width: 100%;
background: url('http://design.minimoykin.ru/header-bg1.png?design=movement');
display: none!important;
}