テーマを作ってみよう!!
という事でjetSpeedを例にしています。
***前提事項
 JSPとCSSを理解しているものとします。
*テーマ
**ＣＳＳの作成
 /theme/jetSpeed/*.jspがテーマのスタイルシートになります。
 任意のスタイルシートをコピーします。
 その名前が新規のテーマとなります。
 後はそのファイルを編集する事となります。
*JSPの構成
**トップ
一番上となるページです。
ここでは<html>～</html>,<head>～</head>,<body>,</body>の記述を入れます。
jetSpeedTop.jspとその説明を下記に記述します
 
<#
 <%@ page language="java" contentType="text/html; charset=utf-8" %> 
 <%@ taglib uri="/WEB-INF/ponpoTagLogic.tld" prefix="logic" %>
 <%@ taglib uri="/WEB-INF/ponpoTagStd.tld" prefix="std" %>
<html>

<head>
	<title><std:dsp id="myLabel" /></title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="Content-Style-Type" content="text/css">
<!--テーマのＣＳＳを読み込むところ -->
	<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/theme/jetSpeed/<std:dsp id="theme" />.jsp" media="all">
</head>

<body>
<table style="width:100%;border-width:0;border-collapse: collapse;"><tr><td> 
<!--ロゴの表示 -->
	<img border="0" src="<%= request.getContextPath()%>/images/logo.jpg">
</td>
<td align="right">
<!--ログインの表示 ここから-->
    	<% if (request.getRemoteUser()==null){ %>
<!--ログインしていないなら-->
			<a href="<%= request.getContextPath()%>/login">Login</a>
		<%}else{%>
<!--ログインしているなら-->
<!--
<std:form>:<FORM>タグの表示
<std:select id="pageEntry"/>:使えるページの表示
<std:submit default="move" />:<submit>タグの表示
<std:dsp id="myOperation" filter="false"/>：（もし編集可能であれば）編集アイコンの表示
-->
			<std:form>
				<p><std:select id="pageEntry"/><std:submit default="move" />
				<std:dsp id="myOperation" filter="false"/><br>
				<span style="font-size:x-small;">LOGINID:<%=request.getRemoteUser()%>
				</span></p>
			</std:form>
		<%}%>
<!--ログインの表示 ここまで-->

</td> </tr></table>
<!--ポートレットからのメッセージ類を表示するための呪文【必須】-->
<std:dsp id="messageArea" filter="false"/>
<!--ポートレットを表示するための呪文【必須】 -->
<std:dsp id="myLeafContents" filter="false"/>
</body>

</html>
#>
**タグ・メニュー
タグとメニューは表示の仕方だけ違うのでTAGの内容を説明します。
jetSpeedTag.jspとその説明を下記に記述します
 
<#
 <%@ page language="java" contentType="text/html; charset=utf-8" %> 
 <%@ taglib uri="/WEB-INF/ponpoTagLogic.tld" prefix="logic" %>
 <%@ taglib uri="/WEB-INF/ponpoTagStd.tld" prefix="std" %>
<div class="tag">
   <table style="width=100%">
		<tr><td>
			<div class="tagin" style="float: left">
				<table style="width=0%">
			    <tr>
<!-- TAGの表示　ここから-->
			          <logic:iterate id="data">
<!-- TAGが選択されていたのなら-->
			          <logic:iterateEqual id="data" name="selected" value="true">
			          <td class="select" >
<!-- ラベルの表示-->
							<logic:item id="data" name="label" />
			          </td>
			          </logic:iterateEqual>
<!-- TAGが選択されていないのなら-->
			          <logic:iterateEqual id="data" name="selected" value="false">
			          <td class="unSelect" >
<!-- ラベルの表示-->
				      		<a href="<logic:item id="data" name="url" />">
							<logic:item id="data" name="label" />
						</a>
			          </td>
			          </logic:iterateEqual>
			          <td><p>&nbsp;</p></td>
			          </logic:iterate>
<!-- TAGの表示　ここまで-->
			    </tr>
				</table>
			</div>
			<div style="float: right"><std:dsp id="myOperation" filter="false"/></div>
       </td></tr>
	</table>
</div>
<!--ポートレットを表示するための呪文【必須】 -->
<std:dsp id="myLeafContents" filter="false"/>
#>
**ポートレットの登録
jspができたらポートレットに登録しましょう。
管理者画面からポートレット登録編集でポートレットに登録します。
ポートレット一覧から複写すると便利です。
