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

Леон

  • Захожу иногда
  • 331
  • 4 / 0
Здравствуйте. Интересует как более правильно и проще сделать. На сайте есть раздел новости, в каждой новости слева картинка шириной 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
  • 6434
  • 745 / 3
Re: Изменить размеры картинок
« Ответ #1 : 28.05.2015, 11:20:04 »
Посмотрите файрбагом какой-нить отличительный селектор для этого модуля, и переопределите правило в стилях:
Код: css
.модуль h4 img {
     width: 100px !important;
}
*

Леон

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

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Изменить размеры картинок
« Ответ #3 : 28.05.2015, 11:41:15 »
Незачто.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить область кликабельности ссылов в шаблоне (в шапке)

Автор Maffo

Ответов: 4
Просмотров: 656
Последний ответ 24.08.2021, 17:22:57
от Maffo
Не удается изменить страницу через конструктор yootheme

Автор bigbelka

Ответов: 0
Просмотров: 472
Последний ответ 05.08.2021, 12:06:21
от bigbelka
Protostar. Резиновый. Изменить размер в %

Автор Belka

Ответов: 29
Просмотров: 3736
Последний ответ 10.04.2021, 09:27:47
от sivers
Как изменить расположение Меню в Helix3?

Автор Bazaroff

Ответов: 18
Просмотров: 852
Последний ответ 24.01.2021, 19:06:59
от beliyadm
Изменить верстку дополнительного поля Radio в форме создания материала

Автор spro1

Ответов: 4
Просмотров: 654
Последний ответ 10.09.2020, 18:17:45
от sivers