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

Version 5 (modified by nakasone, 15 years ago) (diff)

#1941 (34) sideNav（サイドナビ）のhtmlを書き換えた。

TOC

34. sideNav（サイドナビ）

パーツリストに戻る

表示例

source:OpenPNE/branches/prj/xhtmlcss/parts/capture/34.png

ソース

html

<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="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=1">＜</a>2月のカレンダー</h3></div>
<table class="calendar">
<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></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
</tr><tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr><tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr><tr>
<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>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr><tr>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td></td>
</tr>
</table>
</div>
<div class="item monthlyMessage">
<div class="partsHeading"><h3>各月のメッセージ</h3></div>
<ul class="list">
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
</ul>
</div>
<div class="item recentlyDiary">
<div class="partsHeading"><h3>最近の日記</h3></div>
<ul class="list">
<li><a href="./">タイトル</a></li>
<li><a href="./">タイトルタイトルタイトルタイトル</a></li>
<li><a href="./">タイトル</a></li>
<li><a href="./">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="./">タイトル</a></li>
</ul>
</div>
<div class="item recentlyComment">
<div class="partsHeading"><h3>最近のコメント</h3></div>
<ul class="list">
<li><a href="./">一覧を見る</a></li>
</ul>
</div>
<div class="item monthlyDiary">
<div class="partsHeading"><h3>各月の日記</h3></div>
<ul class="list">
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
<li><a href="./">yyyy年mm月の一覧</a></li>
</ul>
</div>
</div>

template

CSS

関連情報