Растянутый повторяющийся фон

andrrrew · Сообщение **andrrrew** » 24 фев 2015, 14:55

Доброго дня, товарищи строители.

Вопрос такой: Существует ли возможность сделать фоновое изображение вписанным по горизонтали в браузер, при этом повторяющимся по вертикали? Само собой разумеется что фон должен прокручиваться при скроллинге.

andrrrew писал(а):Доброго дня, товарищи строители.

Вопрос такой: Существует ли возможность сделать фоновое изображение вписанным по горизонтали в браузер, при этом повторяющимся по вертикали? Само собой разумеется что фон должен прокручиваться при скроллинге.

Существует. В свойствах страницы выберите дизайн и там выставте фон.

andrrrew · Сообщение **andrrrew** » 24 фев 2015, 15:21

gladiolus0707 писал(а):Существует. В свойствах страницы выберите дизайн и там выставте фон.

Естественно я добавляю фон таким способом, но при установке сжатого фона (он же 100%), он перестает скроллиться. Соответственно если убрать параметр 100%, то фон прокручивается, но не угадывает с шириной.

Попробуйте не 100%100% а просто 100%

andrrrew · Сообщение **andrrrew** » 24 фев 2015, 15:42

gladiolus0707 писал(а):Попробуйте не 100%100% а просто 100%

Хороший совет, но нет там такой кнопки :-(

Просто отредактируйте это поле.

andrrrew · Сообщение **andrrrew** » 24 фев 2015, 17:09

gladiolus0707 писал(а):Просто отредактируйте это поле.

Ооо уже лучше) Если отредактировать это поле вручную, и поставить просто 100%, то в окне редактирования ширина фона привязывается к странице, но при просмотре в браузере он по прежнему не прокручивается, а если снова войти в окно свойств страницы, то там снова восстанавливается значение 100% 100%. Уважаемый gladiolus0707, может быть я делаю что то не так?

andrrrew писал(а):
Ооо уже лучше) Если отредактировать это поле вручную, и поставить просто 100%, то в окне редактирования ширина фона привязывается к странице, но при просмотре в браузере он по прежнему не прокручивается, а если снова войти в окно свойств страницы, то там снова восстанавливается значение 100% 100%. Уважаемый gladiolus0707, может быть я делаю что то не так?

Может быть) Я Вам направление указал, пробуйте) Или поищите подходящее расширение(если у вас лицензионная версия)

andrrrew · Сообщение **andrrrew** » 03 мар 2015, 22:34

Я конечно разобрался, растянуть фон по ширине средствами программы ничего не стоит, ставим 100% и всё, а вот чтобы он начал скроллиться, нужно вручную прописать в параметрах scroll вместо fixed, то есть вот так "background-attachment: scroll;", к сожалению настройками программы это сделать не удается. В связи с этим вопрос - почему так? Я плохо искал, недочет программы, или же это просто никому не нужная фича и её не стали добавлять?)

Сообщение **anonimus** » 04 мар 2015, 01:58

ду ну
можно фон руками прописать в проге и сделать с ним всё что угодно ( css вам в руки)
а можно и средствами программы

вот так фон прокручивается

а вот так фиксируется

andrrrew · Сообщение **andrrrew** » 04 мар 2015, 13:55

Уважаемый anonimus, спасибо за ответ. Но мне нужны параметры фона, такие как я описал вначале. То есть картинка, растянутая на 100% по ширине, повторяющаяся только по вертикали, и скролящаяся :-):

. Вот так:

Проблема в том что я не могу оставить поле, на которое вы указали, пустым, и как только я пишу в нем эти самые 100%, параметр css автоматом меняется на fixed.

Скиньте пример того что вы хотите данным образом осуществить, может мы просто не можем понять :-):

Сообщение **anonimus** » 04 мар 2015, 15:06

я надеюсь, что автор понимает то, что растягиваясь по ширине экрана картинка растягивается и по высоте
а если будет только по ширине растягиваться на весь экран, а вертикально только повторятся, но не менять высоту, то картинка исказится
что-то мне подсказывает, что автор либо что-то усложняет, либо не учёл данного обстоятельства или я не понял, что хочет автор
так что ждём примера

andrrrew · Сообщение **andrrrew** » 04 мар 2015, 16:31

Например есть такой фон

Задумка такая, чтобы весь сайт был как бы нарисован поверх листа пергамента. По ширине задаем 100%, а высота фиксированная, и равна высоте самого рисунка, то есть 824 пикселя. Ну и плюс пусть он повторяется по вертикали, поскольку стыкуется с самим собой довольно удачно.

Вот пример того как это должно открываться http://andrrrew.narod.ru/

Вот так это выглядит в css:

background-color: #FFFFFF;
background-image: url(images/back.jpg);
background-attachment: scroll;
background-position: center top;
background-repeat: repeat-y;
background-size: 100% 824px;

Как добиться такого сочетания параметров, не прибегая к ручному редактированию, я разобраться не смог. Возможно, это какой то частный случай, и как выразился уважаемый anonimus, я что то усложняю?

в поле где Вы и пытались прописать напишите 100% и всё! Ну и естественно повторять по вертикали.

andrrrew · Сообщение **andrrrew** » 05 мар 2015, 13:37

gladiolus0707 писал(а):в поле где Вы и пытались прописать напишите 100% и всё! Ну и естественно повторять по вертикали.

Естественно, я так уже пробовал, иначе я просто бы не стал обращаться на форум. Если написать просто 100%, то программа дописывает до 100% 100% и фон просто вписывается в браузер и фиксируется. Скажите, вы даёте советы наугад, не проверяя их правильность? :-):

YouTube · Сообщение **Alex** » 05 мар 2015, 13:48

andrrrew писал(а):Источник цитаты Вот пример того как это должно открываться http://andrrrew.narod.ru/

Так у меня получилось при таких настройках:

Ashampoo_Snap_2015.03.05_12h44m18s_001_.jpg

Только картинка не сужается...

andrrrew писал(а):
gladiolus0707 писал(а):в поле где Вы и пытались прописать напишите 100% и всё! Ну и естественно повторять по вертикали.

Естественно, я так уже пробовал, иначе я просто бы не стал обращаться на форум. Если написать просто 100%, то программа дописывает до 100% 100% и фон просто вписывается в браузер и фиксируется. Скажите, вы даёте советы наугад, не проверяя их правильность?

Естественно наугад. http://mudrashop.ru/ вот к примеру можно это сделать если придумать себе задачу и решить её самому, такой метод намного успешней чем придумать себе задачу и месяц ждать пока ктото решит. :nez-nayu:

andrrrew · Сообщение **andrrrew** » 05 мар 2015, 14:45

Ок. Спасибо неравнодушным :-):

Сообщение **anonimus** » 05 мар 2015, 17:52

andrrrew писал(а):
Вот пример того как это должно открываться http://andrrrew.narod.ru/

ну так у вас тут и есть как я писал, но это не есть правильно

anonimus писал(а):я надеюсь, что автор понимает то, что растягиваясь по ширине экрана картинка растягивается и по высоте
а если будет только по ширине растягиваться на весь экран, а вертикально только повторятся, но не менять высоту, то картинка исказится