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

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

Изменить размеры картинок

 (Прочитано 231 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Леон
Давно я тут
****

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

Пол: Мужской
Сообщений: 266



« : 28.05.2015, 12:16:28 »

Здравствуйте. Интересует как более правильно и проще сделать. На сайте есть раздел новости, в каждой новости слева картинка шириной 200px, справа текст. Высота картинок выбирается автоматически с сохранением пропорций. К примеру если картинка была 400*400, она будет выводиться 200*200, т.к. ширина 200 и чтобы не потерялись пропорции высота также становится 200px. Все это выводится в "Блоге категории" и смотрится довольно прилично. Чтобы было наглядно, код каждой новости из редактора, что-то вроде шаблона по которому я добавляю новые новости:

Код:
<h4 style="text-align: justify;"><img class="bb" src="my/news/foto.jpg" alt="" width="200" align="left" hspace="15" vspace="0" />

текст материала...

</h4>

Картинка, с классом bb (это для плагина который увеличивает изображения при клике), также в CSS у класса bb я указал отступы справа и снизу от картинки, чтобы текст не прилегал к ним.


На главной странице сайта, я вывел стандартный модуль Joomla 3, "Последние материалы", а точнее он называется "Articles - Newsflash". Указал в нем вывод последних 3х материалов из категории "Новости".

И тут сам вопрос. Как сделать, чтобы картинки новостей в модуле "Articles - Newsflash", выводились шириной не 200px, а меньше к примеру 100px. Ведь у меня в самом материале прописан размер в 200px. Если я уберу этот размер, то он выведет реальные размеры картинок, а это около 640*480.
Записан
Shustry
Moderator
*****

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

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #1 : 28.05.2015, 12:20:04 »

Посмотрите файрбагом какой-нить отличительный селектор для этого модуля, и переопределите правило в стилях:
Код
.модуль h4 img {
    width: 100px !important;
}
Записан
Леон
Давно я тут
****

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

Пол: Мужской
Сообщений: 266



« Ответ #2 : 28.05.2015, 12:29:55 »

Shustry, большое спасибо за помощь. Вот как сделал:
Код:
.jsn-mod-newsflash h4 img {
     width: 100px !important;
}
Записан
Shustry
Moderator
*****

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

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #3 : 28.05.2015, 12:41:15 »

Незачто.
Записан
Страниц: [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