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

Version 6 (modified by ogawa, 11 years ago) (diff)

マークアップ例を変更

TOC

17. commentList(コメントリスト)

パーツリストに戻る

表示例

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

ソース

html

<div class="dparts commentList"><div class="parts">
<div class="partsHeading"><h3>えびはらこうすけの日記</h3></div>
<div class="pagerRelativeMulti">
<p>最近書き込みがあったイベントから順に表示しています。</p>
<p><a href="./">トピック一覧はこちら</a></p>
<div class="pager">
<p class="number">1件~1件を表示</p>
</div>
</div>
<div class="pagerRelative">
<p class="number">195件中 1件~20件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1003&amp;direc=1&amp;page=1">次を表示</a></p>
</div>
<dl>
<dt>02月14日<br />15:13</dt>
<dd>
<div class="title">
<p class="heading">test</p>
<p class="public">(全員に公開)</p>
</div>
<div class="body">
<ul class="photo">
<li><a href="./img.php?filename=d_303_1_1201764070.png&amp;m=pc"><img src="./img.php?filename=d_303_1_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
<li><a href="./img.php?filename=d_303_2_1201764070.png&amp;m=pc"><img src="./img.php?filename=d_303_2_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
<li><a href="./img.php?filename=d_303_3_1201764070.png&amp;m=pc"><img src="./img.php?filename=d_303_3_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></a></li>
</ul>
<p class="text">test</p>
</div>
<div class="footer">
<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=305&amp;comment_count=0">コメント(0)</a>
 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=305">もっと読む</a>
 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=305&amp;target_c_member_id=1003">編集</a></p>
</div>
</dd>
</dl>
<dl>
<dt>01月31日<br />16:11</dt>
<dd>
<div class="title">
<p class="heading">爽健美茶はすげえぜ</p>
<p class="public">(全員に公開)</p>
</div>
<div class="body">
<p class="text">爽健美茶はすげえぜ</p>
</div>
<div class="footer">
<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
</div>
</dd>
</dl>
<dl>
<dt>01月31日<br />16:11</dt>
<dd>
<div class="title">
<p class="heading">爽健美茶はすげえぜ</p>
<p class="public">(全員に公開)</p>
</div>
<div class="body">
<p class="text">爽健美茶はすげえぜ</p>
</div>
<div class="footer">
<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
</div>
</dd>
</dl><dl>
<dt>01月31日<br />16:11</dt>
<dd>
<div class="title">
<p class="heading">爽健美茶はすげえぜ</p>
<p class="public">(全員に公開)</p>
</div>
<div class="body">
<p class="text">爽健美茶はすげえぜ</p>
</div>
<div class="footer">
<p><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302&amp;comment_count=1">コメント(1)</a>
 | <a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=302">もっと読む</a>
 | <a href="./?m=pc&amp;a=page_h_diary_edit&amp;target_c_diary_id=302&amp;target_c_member_id=1003">編集</a></p>
</div>
</dd>
</dl>
<div class="pagerRelative">
<p class="number">195件中 1件~20件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1003&amp;direc=1&amp;page=1">次を表示</a></p>
</div>
</div></div>
<div class="dparts commentList"><div class="parts">
<div class="partsHeading"><h3>コメント</h3></div>
<form action="./" method="post">
<fieldset>
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="page_fh_delete_comment" />
<input type="hidden" name="target_c_diary_id" value="15820" />
<div class="pagerRelative">
<p class="number">1番~3番を表示</p>
</div>
<dl>
<dt>2008年<br />03月02日<br />16:00<br /><input type="checkbox" class="input_checkbox" name="target_c_diary_comment_id[]" value="45808" /></dt>
<dd>
<div class="title">
<p class="heading"><strong>1</strong>: <a href="./">ニックネーム</a></p>
</div>
<div class="body">
<p class="text">爽健美茶はすげえぜ</p>
</div>
</dd>
</dl>
<div class="pagerRelative">
<p class="number">1番~3番を表示</p>
</div>
<div class="operation">
<ul class="moreInfo button">
<li><input type="submit" class="input_submit" value=" 削 除 " /></li>
</ul>
</div>
</fieldset>
</form>
</div></div>

関連情報