PyJIbka (10 Октябрь 2014 - 11:52) писал:
Спасибо, подскажите пожалуйста, как отредактировать всплывающее окно при спуске по магазину в низ, а именно надо что бы кнопки меню были по центру этого высплывающего окошка,а сама строка с поиском была по размеру с пунктами и ровная с ними по всем краям)
Здравствуйте.
Чтобы разместить по центру мену и поиск во всплывающем окне сделайте следующее:
1.Найдите код из шаблона
style.css:
.menu_block_dropdown {
position: relative;
left: 180px;
display: block;
top: 10px;
}
И замените его следующим кодом:
.menu_block_dropdown {
position: relative;
display: block;
top: 10px;
}
2.Затем в том же шаблоне найдите код:
.header_bar #search {
position: relative;
width: auto;
right: 0;
top: 0;
margin: 0 0 0 300px;
}
И заменить этим кодом:
.header_bar #search {
position: relative;
width: auto;
right: 65px;
top: 0;
margin: 0 0 0 350px;
}
3.Теперь найдите код:
.header_bar #search input[type="search"] {
width: 100%;
height: 40px;
border: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
widtg: 445px;
}
И замените следующим кодом:
.header_bar #search input[type="search"] {
width: 60%;
height: 40px;
border: none;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
widtg: 445px;
}
4.И теперь код:
.header_bar #search input[type="submit"] {
position: absolute;
right: 0;
border: solid 2px #ff0000;
height: 40px;
display: block;
left: 860px;
top: 49px;
}
Замените этим кодом:
.header_bar #search input[type="submit"] {
position: absolute;
right: 0;
border: solid 2px #ff0000;
height: 40px;
display: block;
left: 477px;
top: 49px;
}
Все изменения происходят в шаблоне style.css .