Joomla: стилизация модулей в статьях или новостных лентах? - PullRequest
0 голосов
/ 14 февраля 2011

У меня есть несколько новостных лент на моем сайте Joomla h ttp: //www.myramis.com/index.php? Option = com_content & view = article & id = 122 & Itemid = 76

и мне было интересно, есть ли способ их стилизовать? Я хочу сделать заголовок больше, а также я хотел разместить изображение справа от самого новостного канала, но в данный момент у меня возникают проблемы с этим, поскольку новостные каналы получают информацию из модуля (модуль новостных лент) что делает стилизацию страницы очень сложной.

Вот мой код для самой статьи, которая включает 2 новостных ленты:

<p>{module Latest News}</p>

<p>{module HSE News Feed}</p>

<img src = "images/stories/ist2_10853035-extinguisher.jpg" />
<p>{module Info4Fire News}</p>

У меня установлен плагин «модули везде», который позволяет мне, кстати, использовать синтаксис {module thismodule}.

Надеюсь, вы можете помочь,

С уважением,

Джек Ханли

1 Ответ

0 голосов
/ 14 февраля 2011

Вы можете добавить суффиксы CSS к своим элементам меню (откройте пункт меню и используйте третий набор параметров на правой панели)

Затем вы можете поместить их в свой файл template / index.php следующим образом:

<?php
// Get additional page class if set by menu
$menus      = &JSite::getMenu();
$active     = $menus->getActive();
$params = new JParameter( $active->params );
$bodyclass = " class='". $params->get( 'pageclass_sfx' ) . "'"
?>


YOUR HTML <HEAD> IN HERE

<body <?php echo $bodyclass; ?>>

YOUR PAGE IN HERE

Таким образом, каждый элемент меню может быть стилизован индивидуально, выполнив

.mymenuitem h1 {color:#FF0000;}

Если вы хотите изменить одно изображение, чтобы оно плавало в статье / модуле, используйте:*

.mymenuitem img {float:right;}

Было бы лучше сделать следующее в глобальном масштабе

.floatright {float:right;}

Затем вы можете просто добавить класс floatright для любого элемента, который хотите плавать.

Возможно, вам также понадобится добавить несколько полей вокруг, чтобы текст не врезался в него.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...