Background из 2х картинок.

Нужно сделать чтоб Background был из двух картинок. Т.е.
Верхняя часть и нижняя часть.
Как это реализовать?

18 комментариев

avatar
CSS3 позволяет в один бэкграун кучу картинок впихнуть в любую позицию.
avatar
Как реализовать?
avatar
Что-то типа
<style>
body { background:
url('img/bgfooter.gif') bottom center no-repeat,
url('img/top.jpg') top center no-repeat,
url('img/bgcontainer.jpg') top center repeat-y,
url('img/bg.jpg');
}
</style>
avatar
А куда это вставлять?
(Шаблон Social скин Movie)
avatar
Не знаю как устроен этот шаблон и что из чего в итоге должно получиться.
Все современные браузеры имеют встроенный отладчик, в котором можно на «лету» менять стили и разметку, для того чтобы посмотреть как будет без ущерба сайту.
avatar
Один в html, второй в body.
avatar
А можно подробней.
avatar
в css
html { background:url(ссылканакартинку) no-repeat bottom }
body { background:url(ссылканакартинку) no-repeat top }
Что-то в этом духе.
avatar
Не получилось.
(Шаблон Social скин Movie)
avatar
проверьте правильность путей к картинкам
avatar
Можно ли тогда сделать неподвижный фон? Как это реализовать?
avatar
Как-то так:
background:url(...) no-repeat; 
background-position: top center;
background-attachment: fixed;
avatar
Делал не получилось. Может я не тот файл редактирую? Подскажи какой надо.
avatar
/templates/skin/social-jquery/themes/movie/style.css
Кстати, кеш, надеюсь, не забываете чистить?
В крайнем случае, откройте файл header.tpl найдите <bоdy> и добавте прям там стиль: <bоdy style="...">
avatar
Сможешь скинуть уже отредактированный файл. Я уже психую. Не получается.
avatar
Я жажду ответа.
avatar
avatar
если еще не решили свою проблему: возможно вам фон задает какой-то модуль — проверьте.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.