Доброго времени суток, помогите вставить фоновое изображение в шаблон. Использую шаблон - derfotograf. Хочу вместо белого фона вставить изображение, вношу правки здесь: \www\foto\templates\derfotograf\styles\fotograf\css код вставляю такой: body { background-image: url(../images/01.png); } И ничего не происходит. Причем если меняю background-color то цвет успешно меняется. Помогите советом плиз!
А прописать сразу обще правило,чтобы проверить работает ли селектор Код (css): body { background:#efefef url(../images/01.png); }
Вроде все верно указал. попробовал на другом сайте с другим шаблоном - все вышло. Там вносил правки в template.css В этом же шаблоне под рукой только эти файлы: \templates\derfotograf\styles\fotograf\css\ theme.css custom.css bootstrap.css Может не в те файлы вношу правки??
Разобрался! Когда прописывал путь url(../images/01.png) то фон не появлялся. Оказывается нужно было поместить картинку по такому пути: \www\foto\templates\derfotograf\styles\fotograf\css\images\01.png, а не \www\foto\images\01.png --- добавлено: 22.09.2015 --- Спасибо за помощь!
Код (css): body { background-image:url(/images/fon/1.jpg); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
Здравствуйте.С наступающим! Схожий вопрос по поводу изменения бекграунда. Сейчас стиль для бекграунда прописан таким кодом. Код (CODE): body.site { border-top: 0px solid #0088cc; padding: 0px; background-image: url(../images/orange1.jpg); background-attachment: fixed; } Вопрос заключается в том,чтобы прописать разные изображения бекграунда слева и справа.Для оринтира это две ёлочные гирлянды.Находил такой код,но к сожалению не помогает.появляется только одно изображение и повторяется по двум осям.Насколько я знаю,то если бекграундом назначено изображение,то оно по любому будет повторяться? Вот код,которым пробовал прописать два разных бекграунда. Код (CODE): body.site { background: url(../images/ny_fon_left.jpg) repeat-y scroll left top, rgba(0, 0, 0, 0) url(../images/ny_fon_right.jpg) repeat-y scroll right top; } Подскажите плиз как можно осуществить задуманное.
В общем ответ был ближе,чем я думал. Подсмотрел код на сайте и переделал.Всё получилось замечательно.Может кому-нибудь будет интересно.Соответственно можно другие картинки подставлять по краям. Код (CODE): background: url(../images/ny_fon_left.jpg') top left repeat-y, url(../images/ny_fon_right.jpg') top right repeat-y; background-image: url(../images/ny_fon_left.jpg"), url(../images/ny_fon_right.jpg"); background-position-x: 0%, 100%; background-position-y: 0%, 0%; background-size: initial, initial; background-repeat-x: no-repeat, no-repeat; background-repeat-y: repeat, repeat; background-attachment: initial, initial; background-origin: initial, initial; background-clip: initial, initial; background-color: initial; /* здесь можете поставить свой цвет по средине*/
Возник вопрос по бэкграунду. Как правильно задать разные бэкграунды для разных страниц сайта.Например с помощью itemid или css-класс страницы? Прописано таким образом.Не работает. Код (css): .itemid-121 #sp-main-body{ background-color: #e7c36b; } .itemid-125 #sp-main-body{ background-color: #409640; } #sp-main-body{ background: url(../images/stone4.jpg) repeat ; } Вместо .itemid пробовал прописывать css-класс страницы,результат нулевой.Бэкграунд остаётся прежним на всех страницах. прошу помощи.Подскажите плиз как правильно сделать.