安装以及基本示例

快速学习DIYPloneStyle中包含的例子。

安装

首先，下载DIYPloneStyle的最新版本，将它解包展开，然后遵守 README.txt 中的安装指令进行安装（对于Plone产品来说这是一个典型的安装过程）。

您的门户现在看起来应该像这样：

如果有任何UI元素看起来和上面的屏幕快照不同，那么请您清空浏览器缓存然后重新载入页面（比如在Firefox中，点击'刷新'按钮的同时按下shift键；而在IE中，直接使用组合键）。

基本例子

该例子的代码位于DIYPloneStyle/skins/diystyle_example/（文件系统中）

我们将看到该文件夹中的文件并不多：

• 一些图片

  其中的大多数都将用来代替Plone自带的那些默认外观图片。也有一些用于顶端槽（top slot）的背景图案以及一个定制的logo图标。

• 一个定制的base_properties.props文件

  从这个文件中，您将学会如何替换门户的logo图标，以及如何简单修改门户的样式属性。

  注意

  通过定制base_properties.props文件来修改Plone UI 元素的样式属性是最容易的方式。但是有些问题值得注意，参见后面章节。

• 一个定制样式表（diystylesheet.css.dtml）

  跟这个样式表相关的最有趣的事情，或许就是它的名字已经不再是（而且也不能是）ploneCustom.css.dtml。

  在本指南的后面章节中，您将学会如何使用Plone2.1中引入的portal_css工具来注册样式表，而不再使用以前的ploneCustom.css来实现。