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

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


Ignore:
Timestamp:
Jun 5, 2008, 12:35:16 PM (9 years ago)
Author:
masabon
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化プロジェクト]