Картинка вместо заливки в шапке и внизу сайта, как сделать?

голоса: 0
Здравствуйте. Хотелось бы верхнюю частью сайта, где меню и нижнюю, которые у нас зеленого цвета, изменить, сделав фоном рисунок. Возможно ли это. Спасибо.
Адрес сайта http://www.numicom.ru/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

1. Верхняя часть, меняется в файле стилей styles.css строка номер 198:

#untop {
 width: 100%;
 background-color: #FFF;
 -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

выделил красным ваш текущий белый фон, вместо которого можно задать изображение примерно так:

background: url('ссылка на изображение')no-repeat;background-size:100%;

Как-то так, только рассчитывайте чтобы фон был либо по размерам меню в длину, либо однопиксельное изображение которое бы заливало полностью фон, если будет однопиксельное, то в параметре no-repeat атрибут no нужно будет удалить.

2. Нижняя часть сайта, в том же файле стилей, строка номер 1218, находим стили:

#footer {
 padding: 60px 0 40px 0;
 background: #73bb29;
 color: #eee;
 border-top-width: 6px;
 border-top-style: solid;
 font-family: 'Times New Roman';
 position: relative;
}

вместо выделенного красным, пишем как и в примере выше и задаем изображение.

| Автор:
Выбор ответа лучшим | | Автор: Ольга Синягина
...