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

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

マークアップ例を追加

TOC

25. messageList(メッセージリスト)

パーツリストに戻る

表示例

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

マークアップ例

<div class="dparts messageList"><div class="parts">
<div class="partsHeading"><h3>受信メッセージ</h3><p class="date">2008年2月</p></div>

<form action="./" method="post" name="h_message_box_delete_message">
<fieldset>
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="do_h_message_box_delete_message" />
<input type="hidden" name="sessid" value="9da4d9a29b2a9e92f5bca751a5d570f6" />
<input type="hidden" name="box" value="inbox" />

<div class="pagerRelativeMulti">
<p class="icons">
<span><img src="./skin/default/img/icon_mail_4.gif" alt="" />返信済み</span>
<span><img src="./skin/default/img/icon_mail_2.gif" alt="" />受信</span>
<span><img src="./skin/default/img/icon_mail_3.gif" alt="" />送信済み</span>
<span><img src="./skin/default/img/icon_mail_1.gif" alt="" />下書き</span>
</p>
<div class="pager">
<p class="prev"><a href="./?m=pc&amp;a=page_h_message_box&amp;s_page=1&amp;box=outbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">前を表示</a></p>
<p class="number">1036件中 121件~140件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_h_message_box&amp;s_page=3&amp;box=outbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">次を表示</a></p>
</div>
</div>

<table>
<col class="status" />
<col class="delete" />
<col class="target" />
<col class="title" />
<col class="date" />
<tr>
<th></th>
<th class="delete"><span>削除</span></th>
<th><span>送信者</span></th>
<th><span>件名</span></th>
<th><span>日付</span></th>
</tr>
<tr class="unread">
<td><span><img src="./skin/default/img/icon_mail_1.gif" alt="" /></span></td>
<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="4229" /></span></td>
<td><span>OpenPNE君</span></td>
<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=4229&amp;jyusin_c_message_id=4229">&#039;;</a></span></td>
<td><span>02月27日</span></td>
</tr>
<tr>
<td><span><img src="./skin/default/img/icon_mail_2.gif" alt="" /></span></td>
<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="4227" /></span></td>
<td><span>OpenPNE君</span></td>
<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=4227&amp;jyusin_c_message_id=4227">?</a></span></td>
<td><span>02月26日</span></td>
</tr>
<tr>
<td><span><img src="./skin/default/img/icon_mail_2.gif" alt="" /></span></td>
<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="4226" /></span></td>
<td><span>OpenPNE君</span></td>
<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=4226&amp;jyusin_c_message_id=4226">??</a></span></td>
<td><span>02月26日</span></td>
</tr>
<tr>
<td><span><img src="./skin/default/img/icon_mail_2.gif" alt="" /></span></td>
<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="2632" /></span></td>
<td><span>kiw1540mm+a010</span></td>
<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=2632&amp;jyusin_c_message_id=2632">コミュニティ管理者交代要請メッセージ</a></span></td>
<td><span>01月30日</span></td>
</tr>
<tr class="unread">
<td><span><img src="./skin/default/img/icon_mail_4.gif" alt="" /></span></td>
<td><span><input type="checkbox" class="input_checkbox" name="c_message_id[]" value="2633" /></span></td>
<td><span>長い名前の場合にはこのように表示されます</span></td>
<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=2633&amp;jyusin_c_message_id=2633">長いタイトルの場合にはこのように表示されます</a></span></td>
<td><span>01月30日</span></td>
</tr>
</table>

<div class="pagerRelative">
<p class="prev"><a href="./?m=pc&amp;a=page_h_message_box&amp;s_page=1&amp;box=outbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">前を表示</a></p>
<p class="number">1036件中 121件~140件を表示</p>
<p class="next"><a href="./?m=pc&amp;a=page_h_message_box&amp;s_page=3&amp;box=outbox&amp;keyword=&amp;target_c_member_id=&amp;year=&amp;month=&amp;day=">次を表示</a></p>
</div>

<div class="operation">
<p><a href="#" onclick="return checkAll();">全てをチェック</a> / <a href="#" onclick="return clearAll();">全てのチェックをはずす</a></p>
<ul class="moreInfo button">
<li><input type="submit" class="input_submit" name="move" value="元に戻す" /></li>
<li><input type="submit" class="input_submit" value="削 除" /></li>
</ul>
</div>

</fieldset>
</form>

</div></div>

関連情報