wiki:pne-xhtmlcss/parts/20
 ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Version 3 (modified by ogawa, 13 years ago) (diff)

マークアップ例を追加

TOC

20. reviewList(レビューリスト)

パーツリストに戻る

表示例

source:OpenPNE/branches/prj/xhtmlcss/parts/capture/20.png

マークアップ例

<div class="dparts reviewList"><div class="parts">
<div class="partsHeading"><h3>あなたのレビュー一覧</h3><p>*** 750件 が該当しました。</p></div>
<form action="./" method="post">
<fieldset>
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="page_c_member_review_add_confirm" />
<input type="hidden" name="target_c_commu_id" value="237" />

<div class="pagerRelative">
<p class="prev"><a href="./?m=pc&amp;a=page_h_review_add&amp;keyword=%E5%BF%8D%E8%80%85&amp;search_flag=1&amp;category_id=1&amp;page=1">前を表示</a></p>
<p class="number">11件~20件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_h_review_add&amp;keyword=%E5%BF%8D%E8%80%85&amp;search_flag=1&amp;category_id=1&amp;page=3">次を表示</a></p>
</div>

<dl>
<dt>
<a href="http://www.amazon.co.jp/gp/product/4798112100%3ftag=snsoftjp-22%26link_code=xm2%26camp=2025%26dev-t=1WZYY1W9YF49AGM0RTG2" target="_blank"><img src="http://ecx.images-amazon.com/images/I/21BZDXBR7XL.jpg" alt="" /></a>
<span><a href="http://www.amazon.co.jp/gp/product/4798112100%3ftag=snsoftjp-22%26link_code=xm2%26camp=2025%26dev-t=1WZYY1W9YF49AGM0RTG2" target="_blank">詳細を見る</a></span>
<input type="checkbox" class="input_checkbox" name="c_review_id[]" id="c_review_id-6" value="6" />
<label for="c_review_id-6">このレビューを掲載する</label>
</dt>
<dd>
<table><tr class="title">
<th>タイトル</th>
<td>OpenPNEではじめる自作SNS入門</td>
</tr><tr>
<th>説明</th>
<td>
2006/11/10<br />
翔泳社<br />
上田 修子
</td>
</tr><tr>
<th>レビュー本文</th>
<td>
OpenPNE本です
<p class="operation"><a href="./?m=pc&amp;a=page_h_review_add_write&amp;category_id=1&amp;asin=4798112100">編集</a></p>
</td>
</tr><tr>
<th>作成日時</th>
<td>2008年03月15日 22:38</td>
</tr><tr>
<th>満足度</th>
<td><img src="./skin/default/img/satisfaction_level_4.gif" alt="" /></td>
</tr><tr>
<th>カテゴリ</th>
<td>和書</td>
</tr>
</table>
</dd>
</dl>

<dl>
<dt>
<a href="http://www.amazon.co.jp/gp/product/479801463X%3ftag=snsoftjp-22%26link_code=xm2%26camp=2025%26dev-t=1WZYY1W9YF49AGM0RTG2" target="_blank"><img src="http://ecx.images-amazon.com/images/I/21P7cDkTsWL.jpg" alt="" /></a>
<span><a href="http://www.amazon.co.jp/gp/product/479801463X%3ftag=snsoftjp-22%26link_code=xm2%26camp=2025%26dev-t=1WZYY1W9YF49AGM0RTG2" target="_blank">詳細を見る</a></span>
<input type="checkbox" class="input_checkbox" name="c_review_id[]" id="c_review_id-5" value="5" />
<label for="c_review_id-5">このレビューを掲載する</label>
</dt>
<dd>
<table><tr class="title">
<th>タイトル</th>
<td>OpenPNEによるSNSサイトの構築 オープンソース徹底活用</td>
</tr><tr>
<th>説明</th>
<td>
2006/10<br />
秀和システム<br />
荒木 祐二,川井 義治,小林 良正
</td>
</tr><tr>
<th>レビュー本文</th>
<td>
すごいわけです
<p class="operation"><a href="./?m=pc&amp;a=page_h_review_list_product&amp;c_review_id=6">全てのレビューを見る(1)</a>
 | <a href="./?m=pc&amp;a=page_h_review_add_write&amp;category_id=1&amp;asin=4798112100">編集</a></p>
</td>
</tr><tr>
<th>作成日時</th>
<td>2008年03月15日 22:38</td>
</tr><tr>
<th>満足度</th>
<td><img src="./skin/default/img/satisfaction_level_5.gif" alt="" /></td>
</tr><tr>
<th>カテゴリ</th>
<td>和書</td>
</tr><tr class="footer">
<td colspan="2">
<a href="./?m=pc&amp;a=page_h_review_list_product&amp;c_review_id=6">全てのレビューを見る (1)</a>
</td>
</tr>
</table>
</dd>
</dl>

<div class="pagerRelative">
<p class="prev"><a href="./?m=pc&amp;a=page_h_review_add&amp;keyword=%E5%BF%8D%E8%80%85&amp;search_flag=1&amp;category_id=1&amp;page=1">前を表示</a></p>
<p class="number">11件~20件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_h_review_add&amp;keyword=%E5%BF%8D%E8%80%85&amp;search_flag=1&amp;category_id=1&amp;page=3">次を表示</a></p>
</div>

<div class="operation">
<ul class="moreInfo button">
<li><input type="submit" class="input_submit" value=" 掲  載 " /></li>
</ul>
</div>
</fieldset>
</form>
</div></div>

関連情報