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


Фото
- - - - -

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

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

  • Please log in to reply
9 replies to this topic

#1 Манифест

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

Posted 19.02.2019 - 10:07

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

Attached File  Безымянный.png   511,96К   11 downloads

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

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



#2 fuckmoney

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

Posted 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(путь до картинки);

Edited by sergeevizh, 19.02.2019 - 10:54.


#3 Манифест

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

Posted 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 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Posted 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 fuckmoney

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

Posted 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 сообщений
  • Заказчик, Пользователь
  • Откуда:Волгоград

Posted 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 fuckmoney

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

Posted 19.02.2019 - 11:49

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

 

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

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


#8 Манифест

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

Posted 19.02.2019 - 11:56

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

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

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



#9 Манифест

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

Posted 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 fuckmoney

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

Posted 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 user(s) are reading this topic

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