Форум русской поддержки Joomla!® CMS
10.12.2016, 14:50:07 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Изменение размера картинки

 (Прочитано 567 раз)
0 Пользователей и 1 Гость смотрят эту тему.
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« : 21.08.2015, 01:55:41 »

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

Репутация: +15/-1
Offline Offline

Пол: Женский
Сообщений: 267



« Ответ #1 : 21.08.2015, 10:55:10 »

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

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #2 : 21.08.2015, 15:29:51 »

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

а где это прописывать?
Записан
LyalyaChornaya
Давно я тут
****

Репутация: +15/-1
Offline Offline

Пол: Женский
Сообщений: 267



« Ответ #3 : 21.08.2015, 16:06:19 »

ну я его прописала в файле мой сайт/templates/мой шаблон/css/media.980.css. И поставила @media (min-width: 980px). Если дисплей меньше этого размера, то background: none. Таким образом, на маленькие девайсы сайт грузится без фоновой картинки, она там абсолютно не нужна.
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #4 : 21.08.2015, 16:12:22 »

не работает. Можешь еще чем то помочь? http://bestplus.bestplus.lv/ вот сайт. На главной надо сделать, чтобы картинка меняла размер.
Записан
Ilhom666
Живу я здесь
******

Репутация: +157/-0
Online Online

Сообщений: 1341



« Ответ #5 : 21.08.2015, 17: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
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #6 : 21.08.2015, 18: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, 18:52:47 от dimass2011 » Записан
LyalyaChornaya
Давно я тут
****

Репутация: +15/-1
Offline Offline

Пол: Женский
Сообщений: 267



« Ответ #7 : 21.08.2015, 20:28:46 »

#6699ff url("../images/Mulberry Brochure-2.jpg") no-repeat fixed 0 0
Путь к картинке явно неправильный, поэтому и синий фон вместо неё. Вы просто скопировали то, что вам написали, но к картинке ведет относительная ссылка, поэтому напишите полный путь к картинке относительно корня сайта и полный путь к файлу CSS относительно корня сайта, в который вы этот код написали. А кто-нибудь из нас уже ответит, какой должен быть адрес
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #8 : 21.08.2015, 20: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, 20:49:29 от dimass2011 » Записан
LyalyaChornaya
Давно я тут
****

Репутация: +15/-1
Offline Offline

Пол: Женский
Сообщений: 267



« Ответ #9 : 21.08.2015, 20:48:35 »

Ну вот написал   background: #FFFFFF url('../images/Mulberry Brochure-2.jpg') center center no-repeat / cover; Или не так?
Еще раз медленно и внимательно прочитайте то, что я вам написала про путь к картинке
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #10 : 21.08.2015, 21:03:16 »

напишите полный путь к картинке относительно корня сайта и полный путь к файлу CSS относительно корня сайта, в который вы этот код написали. А кто-нибудь из нас уже ответит, какой должен быть адрес

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

Репутация: +15/-1
Offline Offline

Пол: Женский
Сообщений: 267



« Ответ #11 : 21.08.2015, 21:04:23 »

Напишите здесь, на форуме
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #12 : 21.08.2015, 21:13:38 »

что написать?
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #13 : 24.08.2015, 20:17:00 »

Ну так сможет мне кто-нибудь помочь? Наверняка в CSS надо что то прописать или изменить, чтобы картинка меняла размер
Записан
Taatshi
Support Team
*****

Репутация: +430/-3
Offline Offline

Пол: Женский
Сообщений: 4718

Мама, я снова верстал во сне...


« Ответ #14 : 24.08.2015, 23:32:39 »

что написать?
ссылку на сайт написать
Записан
dimass2011
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 29


« Ответ #15 : 24.08.2015, 23:53:49 »

ссылку на сайт написать
http://bestplus.bestplus.lv/
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet