Проблема Вставка бэкграунда в шаблон

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Garik, 22.09.2015.

  1. Offline

    Garik Недавно здесь

    Регистрация:
    22.09.2015
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Доброго времени суток, помогите вставить фоновое изображение в шаблон.
    Использую шаблон - derfotograf.

    Хочу вместо белого фона вставить изображение, вношу правки здесь:
    \www\foto\templates\derfotograf\styles\fotograf\css

    код вставляю такой:
    body {
    background-image: url(../images/01.png);
    }

    И ничего не происходит. Причем если меняю background-color то цвет успешно меняется.

    Помогите советом плиз!
     
  2.  
  3. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    А прописать сразу обще правило,чтобы проверить работает ли селектор
    Код (css):
    1. body {
    2. background:#efefef url(../images/01.png);
    3. }
     
  4. Offline

    Garik Недавно здесь

    Регистрация:
    22.09.2015
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Попробовал, все равно не выходит...цвет меняется, картинка не вставляется((
     
  5. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    Значит адрес картинки указан неправильно или картинки нет
    firebug в помощь
     
  6. Offline

    Garik Недавно здесь

    Регистрация:
    22.09.2015
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Вроде все верно указал. попробовал на другом сайте с другим шаблоном - все вышло. Там вносил правки в template.css

    В этом же шаблоне под рукой только эти файлы:
    \templates\derfotograf\styles\fotograf\css\
    theme.css
    custom.css
    bootstrap.css

    Может не в те файлы вношу правки??
     
  7. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 046
    Симпатии:
    519
    Пол:
    Мужской
    Ну уже проверили, правило срабатывает
     
  8. Offline

    Garik Недавно здесь

    Регистрация:
    22.09.2015
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Разобрался!

    Когда прописывал путь url(../images/01.png) то фон не появлялся. Оказывается нужно было поместить картинку по такому пути:

    \www\foto\templates\derfotograf\styles\fotograf\css\images\01.png, а не \www\foto\images\01.png
    --- добавлено: 22.09.2015 ---
    Спасибо за помощь!
     
  9. Offline

    joomla-super Пользователь

    Регистрация:
    16.08.2014
    Сообщения:
    57
    Симпатии:
    1
    Пол:
    Мужской
    Код (css):
    1. body {
    2. background-image:url(/images/fon/1.jpg);
    3. background-repeat: no-repeat;
    4. background-position: top center;
    5. background-attachment: fixed;
    6. }
     
    Последнее редактирование модератором: 23.09.2015
  10. Offline

    Alekxandr Пользователь

    Регистрация:
    30.11.2015
    Сообщения:
    100
    Симпатии:
    7
    Пол:
    Мужской
    Здравствуйте.С наступающим!
    Схожий вопрос по поводу изменения бекграунда.
    Сейчас стиль для бекграунда прописан таким кодом.
    Код (CODE):
    1. body.site {
    2.     border-top: 0px solid #0088cc;
    3.     padding: 0px;
    4.     background-image: url(../images/orange1.jpg);  
    5.     background-attachment: fixed;
    6. }

    Вопрос заключается в том,чтобы прописать разные изображения бекграунда слева и справа.Для оринтира это две ёлочные гирлянды.Находил такой код,но к сожалению не помогает.появляется только одно изображение и повторяется по двум осям.Насколько я знаю,то если бекграундом назначено изображение,то оно по любому будет повторяться?
    Вот код,которым пробовал прописать два разных бекграунда.
    Код (CODE):
    1. body.site {
    2.     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;
    3. }

    Подскажите плиз как можно осуществить задуманное.
     
  11. Offline

    Alekxandr Пользователь

    Регистрация:
    30.11.2015
    Сообщения:
    100
    Симпатии:
    7
    Пол:
    Мужской
    В общем ответ был ближе,чем я думал.
    Подсмотрел код на сайте и переделал.Всё получилось замечательно.Может кому-нибудь будет интересно.Соответственно можно другие картинки подставлять по краям.

    Код (CODE):
    1. background: url(../images/ny_fon_left.jpg') top left repeat-y, url(../images/ny_fon_right.jpg') top right repeat-y;
    2.     background-image: url(../images/ny_fon_left.jpg"), url(../images/ny_fon_right.jpg");
    3.     background-position-x: 0%, 100%;
    4.     background-position-y: 0%, 0%;
    5.     background-size: initial, initial;
    6.     background-repeat-x: no-repeat, no-repeat;
    7.     background-repeat-y: repeat, repeat;
    8.     background-attachment: initial, initial;
    9.     background-origin: initial, initial;
    10.     background-clip: initial, initial;
    11.     background-color: initial;  /* здесь можете поставить свой цвет по средине*/
     
  12. Offline

    Alekxandr Пользователь

    Регистрация:
    30.11.2015
    Сообщения:
    100
    Симпатии:
    7
    Пол:
    Мужской
    Возник вопрос по бэкграунду.
    Как правильно задать разные бэкграунды для разных страниц сайта.Например с помощью itemid или css-класс страницы?
    Прописано таким образом.Не работает.
    Код (css):
    1. .itemid-121 #sp-main-body{
    2.     background-color: #e7c36b;
    3. }
    4. .itemid-125 #sp-main-body{
    5.     background-color: #409640;
    6. }
    7. #sp-main-body{
    8.     background: url(../images/stone4.jpg) repeat ;
    9. }

    Вместо .itemid пробовал прописывать css-класс страницы,результат нулевой.Бэкграунд остаётся прежним на всех страницах.
    прошу помощи.Подскажите плиз как правильно сделать.
     

Поделиться этой страницей

Загрузка...