Changes between Version 7 and Version 8 of pne-xhtmlcss/parts/34

Show
Ignore:
Author:
masabon (IP: 219.103.242.221)
Timestamp:
06/05/08 12:35:16 (9 years ago)
Comment:

--

Legend:

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

    v7 v8  
    11[[TOC]] 
    2 = 34. sideNav(サイドナビ) = 
     2= 34. albumList(アルバムリスト) = 
    33[wiki:pne-xhtmlcss/parts パーツリストに戻る] 
    44== 表示例 == 
    5 [[Image(source:OpenPNE/branches/prj/xhtmlcss/parts/capture/34.png)]] 
     5[[Image(source:work/masabon/capture/34.png)]] 
    66 
    77== マークアップ例 == 
    88 
    99{{{ 
    10 <div class="parts sideNav"> 
    11 <div class="item pageNav"><ul> 
    12 <li class="looking">受信メッセージ</li> 
    13 <li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=outbox">送信済みメッセージ</a></li> 
    14 <li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=savebox">下書きメッセージ</a></li> 
    15 <li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=trash">ごみ箱</a></li> 
    16 </ul></div> 
    17 <div class="item calendar"> 
    18 <div class="partsHeading"><h3><a href="./?m=pc&amp;a=page_h_message_box&amp;target_c_member_id=&amp;box=inbox&amp;year=2008&amp;month=1"><</a>2月のカレンダー</h3></div> 
    19 <table class="calendar"> 
     10<div class="dparts albumList"><div class="parts"> 
     11<div class="partsHeading"><h3>ヤマダのアルバム</h3></div> 
     12 
     13<div class="pagerRelative"><p class="number">1件中 1件~1件を表示</p></div> 
     14 
     15<table> 
     16<tbody><tr> 
     17<td rowspan="4" class="photo"> 
     18<a href="./?m=pc&amp;a=page_fh_album&amp;target_c_album_id=3"><img alt="" src="./img.php?filename=a_3_1_1212391656.jpg&amp;w=180&amp;h=180&amp;m=pc"/></a> 
     19</td> 
     20<th>タイトル</th> 
     21<td colspan="2">雪山</td> 
     22</tr> 
    2023<tr> 
    21 <th class="sun">日</th> 
    22 <th class="mon">月</th> 
    23 <th class="tue">火</th> 
    24 <th class="wed">水</th> 
    25 <th class="thu">木</th> 
    26 <th class="fri">金</th> 
    27 <th class="sat">土</th> 
    28 </tr><tr> 
    29 <td></td> 
    30 <td></td> 
    31 <td></td> 
    32 <td></td> 
    33 <td></td> 
    34 <td>1</td> 
    35 <td>2</td> 
    36 </tr><tr> 
    37 <td>3</td> 
    38 <td>4</td> 
    39 <td>5</td> 
    40 <td>6</td> 
    41 <td>7</td> 
    42 <td>8</td> 
    43 <td>9</td> 
    44 </tr><tr> 
    45 <td>10</td> 
    46 <td>11</td> 
    47 <td>12</td> 
    48 <td>13</td> 
    49 <td>14</td> 
    50 <td>15</td> 
    51 <td>16</td> 
    52 </tr><tr> 
    53 <td><a href="./?m=pc&amp;a=page_h_message_box&amp;target_c_member_id=&amp;year=2008&amp;month=2&amp;day=17&amp;box=inbox">17</a></td> 
    54 <td>18</td> 
    55 <td>19</td> 
    56 <td>20</td> 
    57 <td>21</td> 
    58 <td>22</td> 
    59 <td>23</td> 
    60 </tr><tr> 
    61 <td>24</td> 
    62 <td>25</td> 
    63 <td>26</td> 
    64 <td>27</td> 
    65 <td>28</td> 
    66 <td>29</td> 
    67 <td></td> 
     24<th>説明文</th> 
     25<td colspan="2">今年の冬のアルバム。</td> 
    6826</tr> 
    69 </table> 
    70 </div> 
    71 <div class="item monthlyMessage"> 
    72 <div class="partsHeading"><h3>各月のメッセージ</h3></div> 
    73 <ul class="list"> 
    74 <li><a href="./">yyyy年mm月の一覧</a></li> 
    75 <li><a href="./">yyyy年mm月の一覧</a></li> 
    76 <li><a href="./">yyyy年mm月の一覧</a></li> 
    77 <li><a href="./">yyyy年mm月の一覧</a></li> 
    78 <li><a href="./">yyyy年mm月の一覧</a></li> 
    79 </ul> 
    80 </div> 
    81 <div class="item recentlyDiary"> 
    82 <div class="partsHeading"><h3>最近の日記</h3></div> 
    83 <ul class="list"> 
    84 <li><a href="./">タイトル</a></li> 
    85 <li><a href="./">タイトルタイトルタイトルタイトル</a></li> 
    86 <li><a href="./">タイトル</a></li> 
    87 <li><a href="./">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></li> 
    88 <li><a href="./">タイトル</a></li> 
    89 </ul> 
    90 </div> 
    91 <div class="item recentlyComment"> 
    92 <div class="partsHeading"><h3>最近のコメント</h3></div> 
    93 <ul class="list"> 
    94 <li><a href="./">一覧を見る</a></li> 
    95 </ul> 
    96 </div> 
    97 <div class="item monthlyDiary"> 
    98 <div class="partsHeading"><h3>各月の日記</h3></div> 
    99 <ul class="list"> 
    100 <li><a href="./">yyyy年mm月の一覧</a></li> 
    101 <li><a href="./">yyyy年mm月の一覧</a></li> 
    102 <li><a href="./">yyyy年mm月の一覧</a></li> 
    103 <li><a href="./">yyyy年mm月の一覧</a></li> 
    104 <li><a href="./">yyyy年mm月の一覧</a></li> 
    105 </ul> 
    106 </div> 
    107 <div class="item listCategory"> 
    108 <div class="partsHeading"><h3>カテゴリ一覧</h3></div> 
    109 <ul class="list"> 
    110 <li><a href="">カテゴリ1</a></li> 
    111 <li><a href="">カテゴリ2</a></li> 
    112 <li><a href="">カテゴリ3</a></li> 
    113 </ul> 
    114 </div> 
    115 </div> 
     27<tr> 
     28<th>公開範囲</th> 
     29<td colspan="2"> 
     30全員に公開 
     31</td> 
     32</tr> 
     33<tr> 
     34<th>作成日時</th> 
     35<td>06月02日 16:22</td> 
     36<td class="operation"><a href="./?m=pc&amp;a=page_fh_album&amp;target_c_album_id=3"><img alt="詳細を見る" src="./skin/default/img/button_shosai.gif"/></a></td> 
     37</tr> 
     38</tbody></table> 
     39 
     40<div class="pagerRelative"><p class="number">1件中 1件~1件を表示</p></div> 
     41 
     42</div></div> 
    11643}}} 
    11744 
    11845== 関連情報 == 
    119  * チケット:#1941 
    12046 * [wiki:pne-xhtmlcss XHTML+CSS化プロジェクト]