编辑“Joomla/用CSS控制Display News模块的外观样式”（章节）

==页面排版布局==
现在来讲讲最后一个问题。关于网站首页中部多个模块并列展示多个类别文章标题的排版布局，最佳方案就是针对每个人的网站来设计专门的模板，或者通过 Joomla! 1.5 特有的 HTML 优先输出原理 来设计一套布局方案。但是这两种方法都需要涉及模板设计知识，以及 Joomla! 的有关源代码。

基本思路：在网站首页只显示一篇文章，在该文章中利用特殊插件插入多个 Display News 模块（ N 行 2 列），仿制出一个“中国式新闻门户首页”。

===具体操作方法===
1.在后台的“模块管理”中，用“复制模块”的方法，得到 N 个同样的 Display News 模块（N 这个数字取决于你想要在首页显示的标题版块个数，最好是偶数，这样才能是 2 列的排版看起来漂亮）；针对每一个模块分别指定要显示的文章来源（单元或类别）；分别在每一个模块的参数页面上，在“位置”这一项，不要选择 left 或者 right 等预设位置，而是直接删除当前显示的位置，然后手动输入 news-001、news001、news003 …… news00N。

要确保以下几点：
*每个新闻模块的位置都是唯一的，不与其它任何模块位置，包括模板中预设的位置冲突；
*手动输入位置时不能有空格，也不要用中文，就用 news001 这样的英文，最多加一个连字符形如 my-module-789；
*在后台的“文章管理”中打开首页的最上面那篇文章 Joomla! Community Portal，将该文章的原有内容全部删除。在文章中插入一个 N 行 3 列的表格，表格边框宽度为 0，边框颜色不要；中间一列不填写任何东西；在两侧两列的各个单元格中一次填写（实际照抄时别忘记删除大括号内多余的那两个空格）：
<pre>
{loadposition news001}     {loadposition news002}

{loadposition news003}     {loadposition news004}
</pre>
这样布局完成之后，继续调整文章编辑页面右侧的参数：不要显示文章标题；不要显示文章作者；不要显示撰写日期时间和最后更新日期时间；不要显示 PDF、打印、email 这三个图标；保存。

2.然后从后台的菜单管理中进入“main menu”，可以看到主菜单上的各项，点击 Home 这个菜单项目，进入其参数页面，在右侧调整：“基本参数”中选择 头条文章 1，引言 0，分栏 1，链接数 0；“高级参数”中选择 分页 隐藏，分页结果 隐藏；“系统参数”中选择 显示页面标题 为 否。保存。

3.现在刷新前台，应该可以看到类似下图的样子：

[[Image:Joomla display 5.png]]

看上去是不是很接近新闻门户网站的首页了？如果你想再漂亮点，完全可以再次通过 CSS 来调整。不过提醒一下：现在这些模块都是 Display News，那么互相之间要想实现不同的 CSS，就必须用到 模块 CSS 后缀 这个参数了。只要给每个模块指定唯一的 CSS 后缀，就可以针对单个模块来进行样式调整了。
说明	输入内容	输出结果
斜体	''斜体文字''	斜体文字
粗体	'''粗体文字'''	粗体文字
粗斜体	'''''粗斜体文字'''''	*粗斜体文字*