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

Show
Ignore:
Author:
masabon (IP: 219.103.242.221)
Timestamp:
06/05/08 12:14:16 (9 years ago)
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化プロジェクト]