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

Version 3 (modified by ogawa, 13 years ago) (diff)

マークアップ例を追加

TOC

33. monthlyCalendarTable(月間カレンダーテーブル)

パーツリストに戻る

表示例

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

マークアップ例

<div class="dparts monthlyCalendarTable"><div class="parts">
<div class="partsHeading"><h3>2008年3月のカレンダー</h3></div>
<div class="block">
<p class="moreInfo">
<img src="./skin/default/img/icon_weather_FC.gif" alt="" /> <a href="http://weather.yahoo.co.jp/weather/" target="_blank">天気予報を見る</a>
 <img src="./skin/default/img/icon_schedule.gif" alt="" /> <a href="./?m=pc&amp;a=page_h_schedule_add">予定を追加</a>
</p>
<p class="pager">
<a href="./?m=pc&amp;a=page_h_calendar&amp;year=2008&amp;month=2">&lt;&lt; 前の月</a>
 | <a href="./?m=pc&amp;a=page_h_calendar">今月</a>
 | <a href="./?m=pc&amp;a=page_h_calendar&amp;year=2008&amp;month=4">次の月 &gt;&gt;</a>
</p>
</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></td>
<td>1<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=1"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
</tr>
<tr>
<td>2<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=2"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>3<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=3"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p>
<p><img src="./skin/default/img/icon_birthday.gif" alt="" /><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=2">戸川隆さん</a></p></td>
<td>4<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=4"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>5<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=5"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>6<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=6"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>7<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=7"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>8<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=8"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
</tr>
<tr>
<td>9<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=9"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>10<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=10"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>11<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=11"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>12<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=12"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>13<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=13"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>14<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=14"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td class="today">15<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=15"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p>
<p><img src="./skin/default/img/icon_pen.gif" alt="" /><a href="./?m=pc&amp;a=page_h_schedule&amp;target_c_schedule_id=4">狩猟</a></p></td>
</tr>
<tr>
<td>16<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=16"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>17<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=17"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>18<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=18"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>19<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=19"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>20<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=20"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>21<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=21"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>22<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=22"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p>
<p><img src="./skin/default/img/icon_event_B.gif" alt="" /><a href="./?m=pc&amp;a=page_c_event_detail&amp;target_c_commu_topic_id=124">ビギナー横山講座</a></p></td>
</tr>
<tr>
<td>23<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=23"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>24<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=24"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>25<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=25"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>26<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=26"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>27<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=27"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>28<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=28"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>29<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=29"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
</tr>
<tr>
<td>30<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=30"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p></td>
<td>31<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=3&amp;day=31"><img src="./skin/default/img/icon_schedule.gif" alt="" /></a></p>
<p><img src="./skin/default/img/icon_event_R.gif" alt="" /><a href="./?m=pc&amp;a=page_c_event_detail&amp;target_c_commu_topic_id=123">定例横山会</a></p></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

<div class="partsInfo">
<p>※<img src="./skin/default/img/icon_schedule.gif" alt="" />アイコンをクリックすると予定を入力することができます。予定は他の人には公開されません。</p>
<p>※<img src="./skin/default/img/icon_birthday.gif" alt="" />はマイフレンドの誕生日、<img src="./skin/default/img/icon_event_B.gif" alt="" />はイベント、<img src="./skin/default/img/icon_event_R.gif" alt="" />は参加イベントを意味します>。</p>
</div>

</div></div>

関連情報