Перейти к содержимому


Фото
- - - - -

Замена фона на картинку

фон картинка сайт

  • Чтобы отвечать, сперва войдите на форум
9 ответов в теме

#1 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 10:07

Как поменять фон на картинку? 

Прикрепленный файл  Безымянный.png   511,96К   9 раз скачано

На скрине указаны места, где хочу поменять.

Подскажите каким образом, и какие размеры картинки нужны?



#2 sergeevizh

sergeevizh
  • Пользователь
  • 179 сообщений
  • Откуда:Москва

Опубликовано 19.02.2019 - 10:50

Как поменять фон на картинку? 

attachicon.gifБезымянный.png

На скрине указаны места, где хочу поменять.

Подскажите каким образом, и какие размеры картинки нужны?

 

1. секция <header></header>

/design/Bootstrap-Blue_1/css/style.css - строка 5224

2. секция <aside></aside>

/design/Bootstrap-Blue_1/css/style.css - строка 5311

 

В css прописать 

background-image: url(путь до картинки);

Изменено: sergeevizh, 19.02.2019 - 10:54


#3 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 11:16

1. секция <header></header>

/design/Bootstrap-Blue_1/css/style.css - строка 5224

2. секция <aside></aside>

/design/Bootstrap-Blue_1/css/style.css - строка 5311

 

В css прописать 

background-image: url(путь до картинки);

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



#4 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 11:42

1. секция <header></header>

/design/Bootstrap-Blue_1/css/style.css - строка 5224

2. секция <aside></aside>

/design/Bootstrap-Blue_1/css/style.css - строка 5311

 

В css прописать 

background-image: url(путь до картинки);
  position: relative;
}
header {
   position: relative;
  padding: 20px 0;
  line-height: 1;
так?


#5 sergeevizh

sergeevizh
  • Пользователь
  • 179 сообщений
  • Откуда:Москва

Опубликовано 19.02.2019 - 11:45

 

1. секция <header></header>

/design/Bootstrap-Blue_1/css/style.css - строка 5224

2. секция <aside></aside>

/design/Bootstrap-Blue_1/css/style.css - строка 5311

 

В css прописать 

background-image: url(путь до картинки);
  position: relative;
}
header {
   position: relative;
  padding: 20px 0;
  line-height: 1;
так?

Грубо говоря, вот так: 

header {
    position: relative;
    padding: 20px 0;
    line-height: 1;
    background-image: url(../images/images_theme/slider-001.jpg);
    background-size: cover;
}


#6 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 11:46

Грубо говоря, вот так: 

header {
    position: relative;
    padding: 20px 0;
    line-height: 1;
    background-image: url(../images/images_theme/slider-001.jpg);
    background-size: cover;
}

а у меня строка 5224 занята



#7 sergeevizh

sergeevizh
  • Пользователь
  • 179 сообщений
  • Откуда:Москва

Опубликовано 19.02.2019 - 11:49

а у меня строка 5224 занята

 

А ничего, что это кусок из вашего css файла, просто в строке 5224 дописать надо 

    background-image: url(../images/images_theme/slider-001.jpg); //Тут прописать путь до картинки (../images/название фона.jpg)
    background-size: cover;


#8 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 11:56

А ничего, что это кусок из вашего css файла, просто в строке 5224 дописать надо 

    background-image: url(../images/images_theme/slider-001.jpg); //Тут прописать путь до картинки (../images/название фона.jpg)
    background-size: cover;

 Я тупой.....я дописываю в строку, сбоку красный крестик.



#9 Манифест

Манифест
  • Пользователь
  • 69 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Опубликовано 19.02.2019 - 11:59

header {background-image: url(https://srv109-h-st.jino.ru/download?cid=5544625318e146c589dcb34ace265f89&path=%2Fdomains%2Ffocodifam.ru%2Fdesign%2FBootstrap-Blue_1%2Fimages%2Fimages_theme%2F2222.jpg)
  background-size: cover;
  padding: 20px 0;
  line-height: 1;

так сделал



#10 sergeevizh

sergeevizh
  • Пользователь
  • 179 сообщений
  • Откуда:Москва

Опубликовано 19.02.2019 - 12:47

header {background-image: url(https://srv109-h-st.jino.ru/download?cid=5544625318e146c589dcb34ace265f89&path=%2Fdomains%2Ffocodifam.ru%2Fdesign%2FBootstrap-Blue_1%2Fimages%2Fimages_theme%2F2222.jpg)
  background-size: cover;
  padding: 20px 0;
  line-height: 1;

так сделал

 

Не правильно прописали путь... если картинка лежит в папке шаблона

Допустим /design/Bootstrap-Blue_1/images/test.jpg

То прописать нужно так:

header {
  background-image: url(../images/test.jpg)
  background-size: cover;
  padding: 20px 0;
  line-height: 1;
}






Также с меткой «фон, картинка, сайт»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых