Дизайн #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 заменяемые картинки.