ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 3 and Version 4 of pne-xhtmlcss/parts/29


Ignore:
Timestamp:
Jun 5, 2008, 12:14:16 PM (11 years ago)
Author:
masabon
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss/parts/29

    v3 v4  
    11[[TOC]]
    2 = 29. photoTable(写真テーブル) =
     2= 29. messageList(メッセージリスト) =
    33[wiki:pne-xhtmlcss/parts パーツリストに戻る]
    44== 表示例 ==
    5 [[Image(source:OpenPNE/branches/prj/xhtmlcss/parts/capture/29.png)]]
     5[[Image(source:work/masabon/capture/29.png)]]
    66
    77== マークアップ例 ==
    88
    99{{{
    10 <div class="dparts photoTable"><div class="parts">
    11 <div class="partsHeading"><h3>コミュニティメンバー</h3></div>
    12 <div class="pagerAbsolute">
    13 <p>[
    14 <span class="looking">1</span>
    15 <a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">2</a>
    16 <a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">3</a>
    17 ]</p>
     10<div class="dparts messageList"><div class="parts">
     11<div class="partsHeading"><h3>受信メッセージ</h3>
    1812</div>
     13
     14<div class="pagerRelativeMulti">
     15<p class="icons">
     16<span><img alt="返信済み" src="./skin/default/img/icon_mail_4.gif"/>返信済み</span>
     17</p>
     18<div class="pager">
     19<p class="number">1件中 1件~1件を表示</p>
     20</div>
     21</div>
     22
     23<form name="h_message_box_delete_message" method="post" action="./">
     24<input type="hidden" value="pc" name="m"/>
     25<input type="hidden" value="do_h_message_box_delete_message" name="a"/>
     26<input type="hidden" value="b3c08f05f80fb070211167def0a4deb9" name="sessid"/>
     27<input type="hidden" value="inbox" name="box"/>
     28
     29<table>
     30<col class="status"/>
     31<col class="delete"/>
     32<col class="target"/>
     33<col class="title"/>
     34<col class="date"/>
     35<tbody><tr>
     36<th/>
     37<th class="delete">削除</th>
     38<th>送信者</th>
     39<th>件名</th>
     40<th>日付</th>
     41</tr>
     42<tr>
     43<td class="status"><span><img alt="既読" src="./skin/default/img/icon_mail_2.gif"/></span></td>
     44<td><span><input type="checkbox" value="2" name="c_message_id[]" class="input_checkbox"/></span></td>
     45<td><span>タナカ</span></td>
     46<td><span><a href="./?m=pc&amp;a=page_h_message&amp;target_c_message_id=2&amp;jyusin_c_message_id=2">お元気ですか</a></span></td>
     47<td><span>05月29日</span></td>
     48</tr>
     49</tbody></table>
     50
    1951<div class="pagerRelative">
    20 <p class="prev"><a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">前を表示</a></p>
    21 <p class="number">1件~39件を表示</p>
    22 <p class="next"><a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">次を表示</a></p>
     52<p class="number">1件中 1件~1件を表示</p>
    2353</div>
    24 <table>
    25 <tr class="photo">
    26 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1041"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    27 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1040"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    28 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1039"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    29 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1038"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    30 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1037"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    31 </tr>
    32 <tr class="text">
    33 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1041">testu18 (1)</a></td>
    34 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1040">testu17 (1)</a></td>
    35 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1039">testu16 (1)</a></td>
    36 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1038">testu15 (1)</a></td>
    37 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1037">testu14 (1)</a></td>
    38 </tr>
    39 <tr class="photo">
    40 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1036"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    41 <td><p class="crown"><img src="./skin/default/img/icon_crown.gif" alt="" /></p><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1035"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    42 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1034"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    43 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1033"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    44 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1032"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    45 </tr>
    46 <tr class="text">
    47 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1036">testu13 (1)</a></td>
    48 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1035">testu12 (1)</a></td>
    49 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1034">testu11 (1)</a></td>
    50 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1033">testu10 (1)</a></td>
    51 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1032">testu9 (1)</a></td>
    52 </tr>
    53 <tr class="photo">
    54 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1006"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    55 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1005"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    56 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1004"><img src="./img.php?filename=skin_no_image.gif&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    57 <td><p class="crown"><img src="./skin/default/img/icon_crown.gif" alt="" /></p><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1003"><img src="./img.php?filename=m_1003_1201762420.jpg&amp;w=76&amp;h=76&amp;m=pc" alt="" /></a></td>
    58 <td></td>
    59 </tr>
    60 <tr class="text">
    61 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1006">testu3 (1)</a></td>
    62 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1005">testu2 (1)</a></td>
    63 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1004">testu1 (1)</a></td>
    64 <td><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=1003">えびはらこうすけ (1)</a></td>
    65 <td></td>
    66 </tr>
    67 </table>
    68 <div class="pagerAbsolute">
    69 <p>[
    70 <span class="looking">1</span>
    71 <a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">2</a>
    72 <a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">3</a>
    73 ]</p>
     54
     55<div class="operation">
     56<p><a onkeypress="return checkAll();" onclick="return checkAll();" href="#">全てをチェック</a> / <a onkeypress="return clearAll();" onclick="return clearAll();" href="#">全てのチェックをはずす</a></p>
     57<ul class="moreInfo button">
     58<li><input type="submit" value="削 除" class="input_submit"/></li>
     59</ul>
    7460</div>
    75 <div class="pagerRelative">
    76 <p class="prev"><a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">前を表示</a></p>
    77 <p class="number">1件~39件を表示</p>
    78 <p class="next"><a href="./?m=pc&amp;a=page_fh_friend_list&amp;target_c_member_id=9&amp;direc=-1&amp;page=2">次を表示</a></p>
    79 </div>
     61
     62</form>
     63
    8064</div></div>
    8165}}}
    8266
    8367== 関連情報 ==
    84  * チケット:#1944
     68 * チケット:#1956
    8569 * [wiki:pne-xhtmlcss XHTML+CSS化プロジェクト]