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

TOC

43. sideNav(サイドナビ)

パーツリストに戻る

表示例

source:work/masabon/capture/43-1.png

source:work/masabon/capture/43-2.png

source:work/masabon/capture/43-3.png

source:work/masabon/capture/43-4.png

source:work/masabon/capture/43-5.png

source:work/masabon/capture/43-6.png

source:work/masabon/capture/43-7.png

マークアップ例

<div class="parts sideNav">
<div class="item pageNav"><ul>
<li class="looking">受信メッセージ</li>
<li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=outbox">送信済みメッセージ</a></li>
<li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=savebox">下書きメッセージ</a></li>
<li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=trash">ごみ箱</a></li>
</ul></div>
<div class="parts sideNav">
<div class="item calendar">
<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=5"><</a>6月のカレンダー
</h3></div>
<table class="calendar">
<tbody><tr>
<th class="sun">日</th>
<th class="mon">月</th>
<th class="tue">火</th>
<th class="wed">水</th>
<th class="thu">木</th>
<th class="fri">金</th>
<th class="sat">土</th>
</tr><tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td/>
<td/>
<td/>
<td/>
<td/>
</tr>
</tbody></table>
</div>
<div class="parts sideNav">
<div class="item monthlyMessage">
<div class="partsHeading"><h3>各月のメッセージ</h3></div>
<ul class="list">
<li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=inbox&amp;year=2008&amp;month=6&amp;box=inbox">2008年6月の一覧</a></li>
<li><a href="./?m=pc&amp;a=page_h_message_box&amp;box=inbox&amp;year=2008&amp;month=5&amp;box=inbox">2008年5月の一覧</a></li>
</ul>
</div>
<div class="parts sideNav">
<div class="item recentlyDiary">
<div class="partsHeading"><h3>最近の日記</h3></div>
<ul class="list">
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=10">XP高速化</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=9">OpenPNE</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=8">練習</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=7">タイトル</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=6">テスト</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=5">example</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary&amp;target_c_diary_id=4">tes4</a></li>
</ul>
</div>
<div class="parts sideNav">
<div class="item recentlyComment">
<div class="partsHeading"><h3>最近のコメント</h3></div>
<ul class="list">
<li><a href="./?m=pc&amp;a=page_fh_comment_list&amp;target_c_member_id=1">一覧を見る</a></li>
</ul>
</div>
<div class="parts sideNav">
<div class="item monthlyDiary">
<div class="partsHeading"><h3>各月の日記</h3></div>
<ul class="list">
<li><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1&amp;year=2008&amp;month=6">2008年6月の一覧</a></li>
<li><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1&amp;year=2008&amp;month=5">2008年5月の一覧</a></li>
</ul>
</div>
<div class="parts sideNav">
<div class="item listCategory">
<div class="partsHeading"><h3>カテゴリ一覧</h3></div>
<ul class="list">
<li><a href="./?m=pc&amp;a=page_fh_diary_list&amp;target_c_member_id=1&amp;category_id=1">test</a></li>
</ul>
</div>
</div>

関連情報

Last modified 9 years ago Last modified on Jun 5, 2008, 3:47:29 PM