html - Joomla:文章或新闻提要中的样式模块?

标签 html css joomla

我的 Joomla 站点上有一些新闻提要 h ttp://www.myramis.com/index.php?option=com_content&view=article&id=122&Itemid=76

我想知道是否有任何方法可以设置它们的样式?我想让标题更大,我还想将图像 float 到新闻提要本身的右侧,但目前我在执行此操作时遇到了问题,因为新闻提要从模块(新闻提要模块)中获取信息这使得页面样式变得非常困难。

这是我为文章本身编写的代码,其中包括 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>

我安装了 'modules anywhere' 插件,它允许我顺便使用 {module thismodule} 语法。

希望能帮到你

亲切的问候,

jack 汉利

最佳答案

您可以向菜单项添加 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;}

如果您想修改单个图像以 float 在文章/模块中,请使用:

.mymenuitem img {float:right;}

在全局范围内做以下事情会更好

.floatright {float:right;}

然后您可以向任何您想要 float 的元素添加一个 floatright 类。

您可能还需要在 周围添加一些边距以防止文本撞到它。

关于html - Joomla:文章或新闻提要中的样式模块?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4993423/

相关文章:

javascript - Jquery代码在显示主要内容之前显示加载

html - 如何测试在文本文档中编写的 HTML 代码?

javascript - 粘性 :hover styling when closing accordion panel

css - moz-transform scale decrease div size问题

css - 具有较高 z-index 的元素仍然位于具有较低 z-index 的元素下方

javascript - 当使用 javascript 设置父宽度时,在子 div 周围设置边距

javascript - 当我在手机上向下滚动时下拉菜单消失了,我该如何修复它

html - 如何保持图像位置直到图像加载

php - Joomla 模板设计中创建灵活模块的方法

javascript - 识别 Joomla 中生成行的位置