Новости Joomla

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

dimass2011

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

LyalyaChornaya

  • Захожу иногда
  • 236
  • 15 / 1
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

  • Осваиваюсь на форуме
  • 26
  • 0 / 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

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

dimass2011

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

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
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

  • Осваиваюсь на форуме
  • 26
  • 0 / 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

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

dimass2011

  • Осваиваюсь на форуме
  • 26
  • 0 / 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

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

dimass2011

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

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

LyalyaChornaya

  • Захожу иногда
  • 236
  • 15 / 1
Re: Изменение размера картинки
« Ответ #11 : 21.08.2015, 20:04:23 »
Напишите здесь, на форуме
*

dimass2011

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

dimass2011

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

Taatshi

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

dimass2011

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

Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 1495
Последний ответ 16.06.2020, 17:43:05
от xpank
Не могу вывести картинку нужно размера

Автор stonehand

Ответов: 3
Просмотров: 795
Последний ответ 22.03.2019, 21:55:29
от sivers
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 1151
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2
Увиличение картинки при наведении

Автор vova630

Ответов: 0
Просмотров: 870
Последний ответ 25.03.2018, 02:45:33
от vova630
Стиль для всплывающего названия картинки- как?

Автор epson950

Ответов: 3
Просмотров: 1291
Последний ответ 03.11.2016, 01:04:05
от AlekVolsk