Дизайн #1041

1. Как изменить фон сайта?
Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
#page-bg {
background: #9B321E url(/.s/t/1041/bg.jpg) center 0 no-repeat;
}
body.page-body {
background: #9B321E;
}
где, соответственно, происходит замена фона.
2.Как изменить шапку сайта?
Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
#header {
background: #25312C url(/.s/t/1041/head.jpg) center 0 no-repeat;
height: 340px;
overflow: hidden;
}
где /.s/t/1041/head.jpg картинка заменяемой шапки.
3.Как изменить нижнюю часть сайта?
Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
#footer {
background: #25312C url(/.s/t/1041/foot.jpg) center 0 no-repeat;
height: 110px;
margin: 0 0 50px;
font-size: 11px;
position: relative;
color: #A1A1A1;
}
#foot-img {
background: url(/.s/t/1041/foot.png);
width: 327px;
height: 141px;
position: absolute;
bottom: -4px;
left: 327px;
z-index: 2;
}
где /.s/t/1041/foot.jpg и /.s/t/1041/foot.png заменяемые картинки.
4.Как изменить логотип сайта при отображении через мобильные устройства?
Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
Для @media only screen and (max-width: 767px)
#head-i {
border-top:9px solid #222;
background:#25312c url(/.s/t/1041/head-m.png) center 60px no-repeat;
padding:20px 0;
}
Для @media only screen and (min-width: 768px) and (max-width: 979px)
#head-i {
border-top:9px solid #222;
background:#25312c url(/.s/t/1041/head-m.png) center 60px no-repeat;
padding:20px 0;
}
где /.s/t/1041/head-m.png заменяемые картинки.
5.Как изменить шапку сайта при отображении через мобильные устройства?
Перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти:
Для @media only screen and (max-width: 767px)
#head-m {
display: block;
height: 400px;
background: url(/.s/t/1041/head-m.jpg);
background-size: cover;
}
Для @media only screen and (min-width: 768px) and (max-width: 979px)
#head-m {
display:block;
height:400px;
background:url(/.s/t/1041/head-m.jpg);
background-size:cover;
}
где /.s/t/1041/head-m.jpg заменяемые картинки.



