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

パーツリストに戻る

表示例

source:work/masabon/capture/41.png

マークアップ例

<div class="dparts monthlyCalendarTable"><div class="parts">
<div class="partsHeading"><h3>2008年5月のカレンダー</h3></div>
<div class="block">
<p class="moreInfo">
<img alt="天気予報" src="./skin/default/img/icon_weather_FC.gif"/> <a target="_blank" href="http://weather.yahoo.co.jp/weather/">天気予報を見る</a>
 <img alt="スケジュール" src="./skin/default/img/icon_schedule.gif"/> <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=4"><< 前の月</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=6">次の月 >></a>
</p>
</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 class="day sun"/>
<td class="day"/>
<td class="day"/>
<td class="day"/>
<td class="day">1<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=1"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">2<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=2"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">3<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=3"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
</tr>
<tr>
<td class="day sun">4<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=4"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">5<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=5"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">6<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=6"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">7<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=7"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">8<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=8"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">9<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=9"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">10<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=10"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
</tr>
<tr>
<td class="day sun">11<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=11"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">12<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=12"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">13<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=13"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">14<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=14"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">15<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=15"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">16<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=16"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">17<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=17"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
</tr>
<tr>
<td class="day sun">18<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=18"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">19<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=19"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">20<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=20"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">21<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=21"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">22<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=22"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">23<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=23"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">24<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=24"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
</tr>
<tr>
<td class="day sun">25<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=25"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">26<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=26"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=2">タナカさん</a></p></td>
<td class="day">27<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=27"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">28<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=28"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day today">29<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=29"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=3">サトウさん</a></p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=4">スズキさん</a></p><p><img alt="イベント" src="./skin/default/img/icon_event_B.gif"/><a href="./?m=pc&amp;a=page_c_event_detail&amp;target_c_commu_topic_id=2">2時間で分かるOpenPNE</a></p></td>
<td class="day">30<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=30"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
<td class="day">31<p><a href="./?m=pc&amp;a=page_h_schedule_add&amp;year=2008&amp;month=5&amp;day=31"><img alt="スケジュールを追加" src="./skin/default/img/icon_schedule.gif"/></a></p></td>
</tr>
</tbody></table>

<div class="block">
<p class="pager">
<a href="./?m=pc&amp;a=page_h_calendar&amp;year=2008&amp;month=4"><< 前の月</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=6">次の月 >></a>
</p>
</div>

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

</div></div>

関連情報