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

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

XHTMLマークアップ例を追加

TOC

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

パーツリストに戻る

表示例

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

ソース

html

<div class="dparts"><div class="parts commentList">
<div class="partsHeading"><h3>えびはらこうすけの日記</h3></div>
<div class="partsInfo top">
<p class="number">195件中 1件~20件を表示</p>
<p class="moreInfo"><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="header">
<p class="heading">test</p>
<p class="public">(全員に公開)</p>
</div>
<div class="body">
<p class="photo"><img src="./img.php?filename=d_303_1_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" />
<img src="./img.php?filename=d_303_2_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" />
<img src="./img.php?filename=d_303_3_1201764070.png&amp;w=120&amp;h=120&amp;m=pc" alt="" /></p>
<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="header">
<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="header">
<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="header">
<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="partsInfo bottom">
<p class="number">195件中 1件~20件を表示</p>
<p class="moreInfo"><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>

template

CSS

関連情報