Оформление стандартного модуля

Davidich

Захожу иногда
179
7 / 1

Оформление стандартного модуля "Материалы - Новости"

« : 30.03.2014, 19:18:43 »

Здравствуйте. Возник вопрос по оформлению стандартного модуля "Материалы - Новости", с альтернативным макетом "По умолчанию" примерно вот так:

Спойлер

[свернуть]

С div class там не густо... Что бы облегчить ситуацию, я добавил один <div class="modulnew"> в _item.php

Код: php

<?php
defined('_JEXEC') or die;
$item_heading = $params->get('item_heading', 'h4');
?>
<div class="modulnew">
<?php if ($params->get('item_title')) : ?>

	<<?php echo $item_heading; ?> class="newsflash-title<?php echo $params->get('moduleclass_sfx'); ?>">
	<?php if ($params->get('link_titles') && $item->link != '') : ?>
		<a href="<?php echo $item->link;?>">
			<?php echo $item->title;?></a>
	<?php else : ?>
		<?php echo $item->title; ?>
	<?php endif; ?>
	</<?php echo $item_heading; ?>>

<?php endif; ?>

<?php if (!$params->get('intro_only')) :
	echo $item->afterDisplayTitle;
endif; ?>

<?php echo $item->beforeDisplayContent; ?>

<?php echo $item->introtext; ?>

<?php if (isset($item->link) && $item->readmore != 0 && $params->get('readmore')) :
	echo '<a class="readmore" href="'.$item->link.'">'.$item->linkText.'</a>';
endif; ?></div>

При помощи этого дива сделал рамочку для каждого раздела новости и уменьшил картинку .modulnew img {width: 150px;}
Если применить также float:left к картинке, то она и текст выравниваются по горизонтали.
Вопрос у меня стоит в том, как опустить ниже заголовок как на картинке " справа от изображения"? (по умолчанию он выше картинки)
и как обойтись без float:left?

Записан

Shustry

Moderator
6434
745 / 3

Re: Оформление стандартного модуля "Материалы - Новости"

« Ответ #1 : 30.03.2014, 19:36:33 »

http://jsfiddle.net/Shustry/WD5LJ/1/

Спойлер

[свернуть]

Записан

Davidich

Захожу иногда
179
7 / 1

Re: Оформление стандартного модуля "Материалы - Новости"

« Ответ #2 : 30.03.2014, 19:46:01 »

Цитата: Shustry от 30.03.2014, 19:36:33

http://jsfiddle.net/Shustry/WD5LJ/1/

Спойлер
[свернуть]

Спасибо огромное!

Записан

CSS для позиции модуля Автор tierex	Ответов: 3 Просмотров: 3422	26.05.2023, 11:06:00 от tierex
Позиционирование модуля Автор Frost_	Ответов: 4 Просмотров: 3724	25.01.2023, 11:36:57 от Frost_
Настройка вывода модуля погоды SP Weather Автор IvanIvanch	Ответов: 2 Просмотров: 2161	31.10.2018, 23:19:28 от IvanIvanch
Оформление заголовка с приминением before и after Автор kushiy	Ответов: 0 Просмотров: 1478	24.04.2017, 22:18:17 от kushiy
Изменить высоту модуля меню Автор kunsaid	Ответов: 4 Просмотров: 3181	24.04.2017, 21:45:05 от kunsaid

Оформление стандартного модуля "Материалы - Новости" - Вопросы по CSS

Новости Joomla

👩‍💻 События плагинов и порядок их срабатывания при работе с пользовательскими полями Joomla и использовании FieldsHelper.

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

Davidich

Оформление стандартного модуля "Материалы - Новости"

Shustry

Re: Оформление стандартного модуля "Материалы - Новости"

Davidich

Re: Оформление стандартного модуля "Материалы - Новости"

Похожие темы