Перейти к содержанию
nova777

Фон сайта в виде фото

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

Здравствуйте! Помогите пожалуйста, хочу сделать фон сайта в виде фото, что-то не получается. Что я пишу не так? путь не так надо указывать?

 

body {

    background-image: url(image/zagruzki/fon-sayt.jpg); /* /image/zagruzki/fon-sayt.jpg */ 
    background-color: #EDE9E9; /* серый */

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
39 минут назад, nova777 сказал:

background-image: url(image/zagruzki/fon-sayt.jpg);

У Вас по какому пути лежит файл css, где вставляется этот фон?

 

Если у Вас папка с изображениями лежит в корне сайта, тогда

41 минуту назад, nova777 сказал:

/image/zagruzki/fon-sayt.jpg

Вот такой вид будет работать.

 

Если у Вас папка с изображениями не в корне, тогда или напишите полный путь относительно корня сайта или напишите путь относительно папки со стилями, например:

../image/zagruzki/fon-sayt.jpg

В приведенном выше примере папка с изображениями должна быть на один уровень выше от файла стилей.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
19 минут назад, OcAppLab сказал:

У Вас по какому пути лежит файл css, где вставляется этот фон?

Папка /image лежит в корне сайта.

 

Этот код я вставляю в "Свой CSS код", который есть в шаблоне сайта.

 

2019-02-14_17-26-44.png

Изменено пользователем nova777

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, nova777 сказал:

Этот код я вставляю в "Свой CSS код", который есть в шаблоне сайта.

Напишите в тех поддержку шаблона, Вам должны помочь с этим решением!

 

4 минуты назад, nova777 сказал:

Папка /image лежит в корне сайта.

Попробуйте указать:

23 минуты назад, OcAppLab сказал:

/image/zagruzki/fon-sayt.jpg

Должно помочь

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
36 минут назад, OcAppLab сказал:

Попробуйте указать:

1 час назад, OcAppLab сказал:

/image/zagruzki/fon-sayt.jpg

Должно помочь

вы имеете ввиду здесь впереди слэш поставить url(image/zagruzki/fon-sayt.jpg);?

 

Изменено пользователем nova777

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, nova777 сказал:

Должно помочь

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

Перед загрузкой фото, чтобы другой цвет отображался, что нужно прописать?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
22 минуты назад, nova777 сказал:

Перед загрузкой фото, чтобы другой цвет отображался, что нужно прописать?

 

1 час назад, nova777 сказал:

background-color: #EDE9E9;

!important пропишите после цвета и должно помочь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 минут назад, OcAppLab сказал:

 

!important пропишите после цвета и должно помочь.

Вот так написала, не помогло.

 

body {

    background-image: url(/image/zagruzki/fon-sayt.jpg); /* /image/zagruzki/fon-sayt.jpg */

    background-color: #EDE9E9; /* серый */!important

}

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 минут назад, nova777 сказал:

background-color: #EDE9E9; /* серый */!important

 

background-color: #EDE9E9!important;

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, OcAppLab сказал:

 

background-color: #EDE9E9!important;

Сделала. Теперь почему то сначала серый фон загружается, потом черный, потом фото...

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, nova777 сказал:

Теперь почему то сначала серый фон загружается, потом черный, потом фото...

У Вас картинка на черном фоне?

Возможно картинка просто большого размера и из-за этого получается черный фон.

Судя из того, что картинка загружается долго, я бы посоветовал ее уменьшить, не в размерах, а в весе, чтоб грузилась быстрее. Тогда не будет ни каких видимых скачков с цветами.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, OcAppLab сказал:

У Вас картинка на черном фоне?

Возможно картинка просто большого размера и из-за этого получается черный фон.

Судя из того, что картинка загружается долго, я бы посоветовал ее уменьшить, не в размерах, а в весе, чтоб грузилась быстрее. Тогда не будет ни каких видимых скачков с цветами.

Да, скорее всего на черном. Хорошо, попробую уменьшить вес. Спасибо вам большое за помощь!!!

 

Поделиться сообщением


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.