Перейти к содержанию
Официальный форум поддержки Simpla

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

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

post-24072-0-41578900-1550560010_thumb.png

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

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

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

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

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
Ссылка на сообщение
Поделиться на другие сайты

 

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

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

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

 

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;
так?
Ссылка на сообщение
Поделиться на другие сайты

 

 

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;
}
Ссылка на сообщение
Поделиться на другие сайты

 

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

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

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

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

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

 

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

    background-image: url(../images/images_theme/slider-001.jpg); //Тут прописать путь до картинки (../images/название фона.jpg)
    background-size: cover;
Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Ссылка на сообщение
Поделиться на другие сайты
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;

так сделал

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

 

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;
}
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

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

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

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

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

Загрузка...
×
×
  • Создать...