IBM Rational Application Developer V7.5 Portal Toolkit，第 4 部分: 静态页面聚合

核心提示： 在布局类别中，选择 margin 并输入 0，IBM Rational Application Developer V7.5 Portal Toolkit，第 4 部分: 静态页面聚合(10)，然后选择 padding 并输入 0，然后点击 OK，包含在带有<div> 标签的 SPA

在布局类别中，选择 margin 并输入 0。然后选择 padding 并输入 0，然后点击 OK。

样式会插入到 theme.css 文件中，如列表 3 所示。

列表 3. 对 theme.css 文件所做的更改
BODY　{　
　margin:　0px;　
　padding:　0px;　
　font-family:　Verdana　
}　

与之类似，您可以为div类添加其他的样式，如列表 4 所示。

列表 4. 添加至 div 类的样式
div#wrapper{　
　width:　100%;　
　height:　100%　
}　
　
div#header　{　
　clear:　both;　
　height:　50px;　
　background-color:　#e3dffd;　
　padding:　15px;　
　text-align:　center;　
}　
　
div#left　{　
　float:　left;　
　width:　20%;　
　height:　100%;　
　background-color:　#e9fed3;　
}　
　
div#right　{　
　float:　right;　
　width:　80%;　
　height:　100%;　
　background-color:　#fffce1;　
}　
　
div#footer　{　
　clear:　both;　
　background-color:　#ffebdf;　
　text-align:　center;　
}　

最终，添加 index.html 文件中的 theme.css 的链接：
<link rel="stylesheet" href="theme/theme.css" type="text/css">

主题现在已经应用到 index.html 页面，您在 Page Designer 中就可以看到它了。

添加 portlet 容器和 portlet 窗口

静态页面可以包含像规范门户页面这样的 portlets 和 portlet 容器。为了使用静态页面中的 portlets 或者容器，包含在带有<div> 标签的 SPA 规格指定的类属性值。这些类属性值带有 <div> 标签，具有特殊的意义。