0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 823 Просмотров
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Всем привет. Подскажите пожалуйста, как сделать, чтобы при изменении разрешения экрана монитора менялся размер фоновой картинки сайта? Я нашел модуль PRI Background для этого, но он почему-то не работает. Спасибо.
*

LyalyaChornaya

  • Давно я тут
  • 238
  • 14
Re: Изменение размера картинки
« Ответ #1 : 21.08.2015, 09:55:10 »
body {
    background: #6699ff url("../images/styles/body-bg.jpg") no-repeat fixed 0 0;
}
у меня так. Поскольку сайт адаптивный, размер картинки изменяется прекрасно. fixed можно не писать, это мне так нужно было. Размер изображения 2 000px × 1 500px.
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #2 : 21.08.2015, 14:29:51 »
body {
    background: #6699ff url("../images/styles/body-bg.jpg") no-repeat fixed 0 0;
}
у меня так. Поскольку сайт адаптивный, размер картинки изменяется прекрасно. fixed можно не писать, это мне так нужно было. Размер изображения 2 000px × 1 500px.

а где это прописывать?
*

LyalyaChornaya

  • Давно я тут
  • 238
  • 14
Re: Изменение размера картинки
« Ответ #3 : 21.08.2015, 15:06:19 »
ну я его прописала в файле мой сайт/templates/мой шаблон/css/media.980.css. И поставила @media (min-width: 980px). Если дисплей меньше этого размера, то background: none. Таким образом, на маленькие девайсы сайт грузится без фоновой картинки, она там абсолютно не нужна.
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #4 : 21.08.2015, 15:12:22 »
не работает. Можешь еще чем то помочь? http://bestplus.bestplus.lv/ вот сайт. На главной надо сделать, чтобы картинка меняла размер.
*

Ilhom666

  • Живу я здесь
  • 1305
  • 166
Re: Изменение размера картинки
« Ответ #5 : 21.08.2015, 16:17:30 »
в файле /templates/bestplus/css/template.css
вместо background: #FFFFFF url('../images/page.jpeg') center center no-repeat fixed;
пропишите background: #FFFFFF url('../images/page.jpeg') center center no-repeat / cover;
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #6 : 21.08.2015, 17:24:49 »
в файле /templates/bestplus/css/template.css
вместо background: #FFFFFF url('../images/page.jpeg') center center no-repeat fixed;
пропишите background: #FFFFFF url('../images/page.jpeg') center center no-repeat / cover;
теперь вместо картинки синий фон.
« Последнее редактирование: 21.08.2015, 17:52:47 от dimass2011 »
*

LyalyaChornaya

  • Давно я тут
  • 238
  • 14
Re: Изменение размера картинки
« Ответ #7 : 21.08.2015, 19:28:46 »
#6699ff url("../images/Mulberry Brochure-2.jpg") no-repeat fixed 0 0
Путь к картинке явно неправильный, поэтому и синий фон вместо неё. Вы просто скопировали то, что вам написали, но к картинке ведет относительная ссылка, поэтому напишите полный путь к картинке относительно корня сайта и полный путь к файлу CSS относительно корня сайта, в который вы этот код написали. А кто-нибудь из нас уже ответит, какой должен быть адрес
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #8 : 21.08.2015, 19:46:13 »
#6699ff url("../images/Mulberry Brochure-2.jpg") no-repeat fixed 0 0
Путь к картинке явно неправильный, поэтому и синий фон вместо неё. Вы просто скопировали то, что вам написали, но к картинке ведет относительная ссылка, поэтому напишите полный путь к картинке относительно корня сайта и полный путь к файлу CSS относительно корня сайта, в который вы этот код написали. А кто-нибудь из нас уже ответит, какой должен быть адрес
Ну вот написал   background: #FFFFFF url('../images/Mulberry Brochure-2.jpg') center center no-repeat / cover; Или не так? Вместо этого background: #FFFFFF url('../images/page.jpeg') center center no-repeat / cover; Но всеравно синий экран
« Последнее редактирование: 21.08.2015, 19:49:29 от dimass2011 »
*

LyalyaChornaya

  • Давно я тут
  • 238
  • 14
Re: Изменение размера картинки
« Ответ #9 : 21.08.2015, 19:48:35 »
Ну вот написал   background: #FFFFFF url('../images/Mulberry Brochure-2.jpg') center center no-repeat / cover; Или не так?
Еще раз медленно и внимательно прочитайте то, что я вам написала про путь к картинке
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #10 : 21.08.2015, 20:03:16 »
напишите полный путь к картинке относительно корня сайта и полный путь к файлу CSS относительно корня сайта, в который вы этот код написали. А кто-нибудь из нас уже ответит, какой должен быть адрес

Ну я понял, что надо путь к файлу CSS писать и к картинке. Но куда это все писать? В template.css? И как писать?
*

LyalyaChornaya

  • Давно я тут
  • 238
  • 14
Re: Изменение размера картинки
« Ответ #11 : 21.08.2015, 20:04:23 »
Напишите здесь, на форуме
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #12 : 21.08.2015, 20:13:38 »
что написать?
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #13 : 24.08.2015, 19:17:00 »
Ну так сможет мне кто-нибудь помочь? Наверняка в CSS надо что то прописать или изменить, чтобы картинка меняла размер
*

Taatshi

  • Support Team
  • 4803
  • 453
  • Верстаем и немножко кодим. Обращайтесь ;)
Re: Изменение размера картинки
« Ответ #14 : 24.08.2015, 22:32:39 »
что написать?
ссылку на сайт написать
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3  /  ОТЗЫВЫ 
Минимальная ставка за платные услуги 1000 рэ Связь: telegram - Taatshi, почта - Taatshi на яндексе.
*

dimass2011

  • Осваиваюсь на форуме
  • 27
  • 0
Re: Изменение размера картинки
« Ответ #15 : 24.08.2015, 22:53:49 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Стиль для всплывающего названия картинки- как?

Автор epson950

Ответов: 3
Просмотров: 347
Последний ответ 03.11.2016, 01:04:05
от AlekVolsk
CSS Hover для картинки

Автор vitalid

Ответов: 19
Просмотров: 538
Последний ответ 20.06.2016, 15:13:34
от vipiusss
Позиционирование картинки от края до края

Автор BestorWeb

Ответов: 5
Просмотров: 389
Последний ответ 09.03.2016, 15:12:12
от Shustry
Не могу найти от куда грузятся картинки

Автор katalog_2003

Ответов: 2
Просмотров: 303
Последний ответ 01.03.2016, 19:56:17
от katalog_2003
не получается отцентрировать картинки

Автор Cardamon

Ответов: 1
Просмотров: 321
Последний ответ 19.02.2016, 01:27:29
от dmitry_stas