Форум Сайтостроение Веб-строительство

global.css - добавить на страницы сайта background-image

12
1R
На сайте с 23.07.2009
Offline
43
1Cprice.Ru
1041

На сайте уже есть страницы с background-image. Хочу bg добавить на остальные страницы.

Подкажите что и как добавить в global.css или еще куда? Сами файлы bg. уже лежат в папке img

L
На сайте с 16.10.2014
Offline
108
lexter
#1

ШТА ? 😕

Купить автомобиль из США можно тут (https://us-car.com.ua)
totamon
На сайте с 12.05.2007
Offline
437
totamon
#2

наверно надо на другие страницы добавить один из существующих классов или создать новый и добавить его в global.css 

<body class="context-otherpage">
body.context-otherpage{
background-image: url(../img/bg/otherpage.jpg);
}
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
1R
На сайте с 23.07.2009
Offline
43
1Cprice.Ru
#3

[ATTACH]141617[/ATTACH]

тут есть - http://kadry-opk.ru/oip

а на эту стр. http://kadry-opk.ru/rezyume - хотелось бы добавить

CMS: Drupal 7

добавлял - не получилось((

zip global.zip
totamon
На сайте с 12.05.2007
Offline
437
totamon
#4

в вашем global.zip нет стиля для context-rezyume, что так трудно по аналогии

добавить в файл 3 строчки? я же все написал))

body.context-rezyume{
background-image: url(../img/bg/rezyume.jpg);
}
1R
На сайте с 23.07.2009
Offline
43
1Cprice.Ru
#5
totamon:
в вашем global.zip нет стиля для context-rezyume, что так трудно по аналогии
добавить в файл 3 строчки? я же все написал))

добавлял - не получилось(( - bg фон добавляется но "прилипает" к самой странице, а она должна прокручиваться на фоне. И так у всех страниц.

cyrex
На сайте с 14.04.2011
Offline
33
cyrex
#6
1Cprice.Ru:
добавлял - не получилось(( - bg фон добавляется но "прилипает" к самой странице, а она должна прокручиваться на фоне. И так у всех страниц.

body.context-rezyume{

background: url(../img/bg/rezyume.jpg) fixed no-repeat;

}

1R
На сайте с 23.07.2009
Offline
43
1Cprice.Ru
#7
cyrex:
body.context-rezyume{
background: url(../img/bg/rezyume.jpg) fixed no-repeat;
}

работает только на этой странице http://kadry-opk.ru/rezyume , все остальные прилипают, пробовал прописать по аналогии - не получается...

}

body.context-rezyume{

background: url(../img/bg/rezyume.jpg) fixed no-repeat;

}

body.context-opk{

background-image: url(../img/bg/opk.jpg) fixed no-repeat;

}

S
На сайте с 13.10.2014
Offline
171
silicoid
#8

Кэш почистите. 


body.context-rezyume{

  background-color:#000000; /*так как у вас все картинки уходят в черный*/

  background-image: url("../img/bg/rezyume.jpg");

  background-position: left top;

  background-repeat: no-repeat;

  background-size:contain; /*будет работать только на свежих браузерах*/

}

И можно еще маленький совет. Тщательнее подбирайте картинки. Не ставьте в качестве задника F-15 и boeing 777. Мы ведь в России с вами живем. Поставьте лучше картинку с Су-27 или Т-50, а когда вы ищите кадры для ОПК и ставите картинку с истребителем вероятного противника, это кажется странным

у вас друпал собирает все ЦССи js файлы в один.
чтоб отредактировать то, что надо. войдите в админку и отключите сборку /admin/config/development/performance вот тут. надо снять галочки с "Объединение и сжатие файлов CSS." и "Объединение файлов JavaScript. "
потом отключить кэширование страницы (если оно включено) и нажать кнопку "очистить кэш"

Если вы используете модуль буст, то на время придется или его отключить через админку или внести изменения в htaccess.

далее уже менять

Посоветуйте почитать что-то по 10 способов ускорить загрузку Ускорение сайта на вордпресс
1R
На сайте с 23.07.2009
Offline
43
1Cprice.Ru
#9

чиска кэша спасла! спасибо!

S
На сайте с 13.10.2014
Offline
171
silicoid
#10

смотрите. 


/* эти параметры задаются для всех страниц */

body{

  background-color:#000000; /*так как у вас все картинки уходят в черный*/

  background-position: left top;

  background-repeat: no-repeat;

  background-size:contain; /*будет работать только на свежих браузерах*/

}



body.page-node-849 {

  /* фон для страницы http://kadry-opk.ru/rezyume */

  background-image: url("../img/bg/rezyume.jpg");

}



body.page-vacancy {

  /* фон для всех страниц с типом материалов vacancy */

  background-image: url("../img/bg/rezyume.jpg");

}



body.node-type-oip{

  /* фон для всех страниц c типом материала Профориентация и обучение*/

  background-image: url("../img/bg/rezyume.jpg");

}



body.context-pr {

  /* фон для всех страниц Преимущества*/

  background-image: url("../img/bg/rezyume.jpg");

}



body.context-articles {

  /* фон для всех страниц История успеха*/

  background-image: url("../img/bg/rezyume.jpg");

}



body.cpage-news {

  /* фон для всех страниц Новости*/

  background-image: url("../img/bg/rezyume.jpg");

}
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий