Перейти к содержанию
Форум поддержки пользователей VamShop

двойной фон


Рекомендуемые сообщения

Пытался найти решение сам, но неполучилось ::)

Нужно сделать фон из картинок, одна фиксированная сверху другая снизу, т.е. при любом разрешении экрана картинки всегда будут на своих местах снизу и сверху:

Верх понятно,в CSS примерно так:

body
  {
    font: 76% arial,sans-serif;
    background: #e1e4e8 url(img/bgrepigradient.png) no-repeat fixed center top;
  }
[/code]

А с низом вот проблема!

Подскажите Плиз!!! :)

Ссылка на сообщение
Поделиться на другие сайты

сделал таким макаром,

body
  {
    font: 76% arial,sans-serif;
    background: #e1e4e8 url(img/footer.png) no-repeat fixed center bottom;
width: 100%;
  }

div#header
  {
    background: url(img/bgrepigradient.png) no-repeat fixed center top;
    width: 100%;[/code]

но div#header обрезает картинку на 1000 пикслях. Меняю width: 100% на width: 1400px увеличивает картинку только в право!

Ссылка на сообщение
Поделиться на другие сайты

Так у Вас no-repeat указано, фон и не будет повторяться, уберите no-repeat, будет все место занимать.

Ссылка на сообщение
Поделиться на другие сайты

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

Примерно так

низ

dndddu10.jpg

верх

dndddu12.jpg

но при таком коде

body
  {
    font: 76% arial,sans-serif;
    background: #e1e4e8 url(img/footer.png) no-repeat fixed center bottom;
width: 100%;
  }

div#header
  {
    background: url(img/bgrepigradient.png) no-repeat fixed center top;
    width: 100%;[/code]

получается так

dndddu11.jpg

Верх обрезается!!!

Ссылка на сообщение
Поделиться на другие сайты

Он обрезается потому что у Вас ширина сайта не 100%.

Либо в /templates/vamshop/index.html шапку (header) вынесите над (wrapper и container), т.е. что б шапка была 100%.

Из скрншотов ведь всё видно, по-моему, почему так происходит.

Ссылка на сообщение
Поделиться на другие сайты

Сделал таким макаром и вроде почти получилось, пришлось ещё добавить тег <center> для картинки!

Спасибо за помощь!

Ссылка на сообщение
Поделиться на другие сайты
  • 1 year later...

Как можно сделать главную фоновую картинку на footer (no repair)  но так чтобы на заднем плане практически точно под ней была картинка которая повторяется (repair x) создавая иллюзию  непрерывной.

Или может есть способы альтернатинные добиться такого?

Ссылка на сообщение
Поделиться на другие сайты

Да это понятно что в /templates/vamshop/stylesheet.css

вроде бы сделал, жаль что нельзя присваивать несколько фоновых изображений к одному элементу...((

может в будущем в css измениться в эту сторону

Ссылка на сообщение
Поделиться на другие сайты

казалось бы, при чем тут вамшоп.

для изменения шаблонов достаточно знаний html и css. вот хороший ресурс - http://htmlbook.ru

если не знаете html, то надо его либо выучить, либо кого-то просить по каждой мелочи. возможно (и скорее всего), что даже за деньги.

Как хорошо уметь читать!

Не надо к маме приставать,

Не надо бабушку трясти:

«Прочти, пожалуйста! Прочти!»

Не надо умолять сестрицу:

«Ну, почитай ещё страницу».

Не надо звать,

Не надо ждать,

А можно взять

И почитать!

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...