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

  • 3 Ответов
  • 330 Просмотров

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

*

Леон

  • ****
  • 277
  • 4
Здравствуйте. Интересует как более правильно и проще сделать. На сайте есть раздел новости, в каждой новости слева картинка шириной 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

  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Изменить размеры картинок
« Ответ #1 : 28.05.2015, 13:20:04 »
Посмотрите файрбагом какой-нить отличительный селектор для этого модуля, и переопределите правило в стилях:
Код: css
.модуль h4 img {
     width: 100px !important;
}
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

Леон

  • ****
  • 277
  • 4
Re: Изменить размеры картинок
« Ответ #2 : 28.05.2015, 13:29:55 »
Shustry, большое спасибо за помощь. Вот как сделал:
Код
.jsn-mod-newsflash h4 img {
     width: 100px !important;
}

*

Shustry

  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Изменить размеры картинок
« Ответ #3 : 28.05.2015, 13:41:15 »
Незачто.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!