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

Changeset 5920


Ignore:
Timestamp:
Mar 21, 2008, 11:34:49 AM (15 years ago)
Author:
nakasone
Message:

#1941:h_message_box.tpl の sideNav(サイドナビ)をXHTML+CSS化した。

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/webapp/modules/pc/templates/h_message_box.tpl

    r5906 r5920  
    6868({* unknown *})</script>
    6969
    70 ({* #1941 *})<!-- ******ここから:メッセージボックス左メニュー****** -->
    71 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:165px;margin:0px auto;" class="border_07">
    72 ({* #1941 *})<tr>
    73 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    74 ({* #1941 *})<td style="width:151px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    75 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    76 ({* #1941 *})</tr>
    77 ({* #1941 *})<tr>
    78 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    79 ({* #1941 *})<td class="bg_02" align="center">
    80 ({* #1941 *})<!-- *ここから:メッセージボックス左メニュー>内容* -->
    81 ({* #1941 *})({*ここから:header*})
    82 ({* #1941 *})<!-- 無し -->
    83 ({* #1941 *})({*ここまで:header*})
    84 ({* #1941 *})({*ここから:body*})
    85 ({* #1941 *})<!-- ここから:主内容 -->
    86 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:151px;">
    87 ({* #1941 *})<tr>
    88 ({* #1941 *})({if $box != "inbox"})
    89 ({* #1941 *})<td align="left" style="width:151px;padding:3px;" class="bg_02 border_10">
    90 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1"><a href="({t_url m=pc a=page_h_message_box})&amp;box=inbox">受信メッセージ</a>
    91 ({* #1941 *})({else})
    92 ({* #1941 *})<td align="left" style="width:151px;padding:3px;" class="bg_09 border_10">
    93 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1">受信メッセージ
    94 ({* #1941 *})({/if})
    95 ({* #1941 *})</td>
    96 ({* #1941 *})</tr>
    97 ({* #1941 *})<tr>
    98 ({* #1941 *})({if $box != "outbox"})
    99 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_02 border_10">
    100 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1"><a href="({t_url m=pc a=page_h_message_box})&amp;box=outbox">送信済みメッセージ</a>
    101 ({* #1941 *})({else})
    102 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_09 border_10">
    103 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1">送信済みメッセージ
    104 ({* #1941 *})({/if})
    105 ({* #1941 *})</td>
    106 ({* #1941 *})</tr>
    107 ({* #1941 *})<tr>
    108 ({* #1941 *})({if $box != "savebox"})
    109 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_02 border_10">
    110 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1"><a href="({t_url m=pc a=page_h_message_box})&amp;box=savebox">下書きメッセージ</a>
    111 ({* #1941 *})({else})
    112 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_09 border_10">
    113 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1">下書きメッセージ
    114 ({* #1941 *})({/if})
    115 ({* #1941 *})</td>
    116 ({* #1941 *})</tr>
    117 ({* #1941 *})<tr>
    118 ({* #1941 *})({if $box != "trash"})
    119 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_02 border_10">
    120 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1"><a href="({t_url m=pc a=page_h_message_box})&amp;box=trash">ごみ箱</a>
    121 ({* #1941 *})({else})
    122 ({* #1941 *})<td align="left" style="width:151px;padding:3px;border-top:none;" class="bg_09 border_10">
    123 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_1">ごみ箱
    124 ({* #1941 *})({/if})
    125 ({* #1941 *})</td>
    126 ({* #1941 *})</tr>
    127 ({* #1941 *})</table>
    128 ({* #1941 *})<!-- ここまで:主内容 -->
    129 ({* #1941 *})({*ここまで:body*})
    130 ({* #1941 *})({*ここから:footer*})
    131 ({* #1941 *})<!-- 無し -->
    132 ({* #1941 *})({*ここまで:footer*})
    133 ({* #1941 *})<!-- *ここまで:メッセージボックス左メニュー>>内容* -->
    134 ({* #1941 *})</td>
    135 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    136 ({* #1941 *})</tr>
    137 ({* #1941 *})<tr>
    138 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    139 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    140 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    141 ({* #1941 *})</tr>
    142 ({* #1941 *})</table>
    143 ({* #1941 *})<!-- ******ここまで:メッセージボックス左メニュー****** -->
    144 ({* #1941 *})<!-- *********************************************** -->
    145 ({* #1941 *})
    146 ({* #1941 *})
    147 ({* #1941 *})({if $calendar})
    148 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    149 ({* #1941 *})
    150 ({* #1941 *})<!-- ******************************* -->
    151 ({* #1941 *})<!-- ******ここから:カレンダー****** -->
    152 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:165px;margin:0px auto;" class="border_07">
    153 ({* #1941 *})<tr>
    154 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    155 ({* #1941 *})<td style="width:149px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    156 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    157 ({* #1941 *})</tr>
    158 ({* #1941 *})<tr>
    159 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    160 ({* #1941 *})<td class="bg_10" align="center">
    161 ({* #1941 *})<!-- *ここから:カレンダー>内容* -->
    162 ({* #1941 *})({*ここから:header*})
    163 ({* #1941 *})<!-- ここから:カレンダータイトル -->
    164 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:149px;margin:0px auto;">
    165 ({* #1941 *})<tr>
    166 ({* #1941 *})<td align="center" class="bg_03 padding_s">
    167 ({* #1941 *})
    168 ({* #1941 *})({strip})
    169 ({* #1941 *})({if $ym.prev_month})
    170 ({* #1941 *})<span class="b_b">
    171 ({* #1941 *})<a href="({t_url m=pc a=page_h_message_box})
    172 ({* #1941 *})    &amp;target_c_member_id=({$target_member.c_member_id})
    173 ({* #1941 *})    &amp;box=({$box})
    174 ({* #1941 *})    &amp;year=({$ym.prev_year})
    175 ({* #1941 *})    &amp;month=({$ym.prev_month})">
    176 ({* #1941 *})<
    177 ({* #1941 *})</a>
    178 ({* #1941 *})</span>
    179 ({* #1941 *})({/if})
    180 ({* #1941 *})
    181 ({* #1941 *})<span class="b_b">({$date_val.month})月のカレンダー</span>
    182 ({* #1941 *})
    183 ({* #1941 *})({if $ym.next_month})
    184 ({* #1941 *})<span class="b_b">
    185 ({* #1941 *})<a href="({t_url m=pc a=page_h_message_box})
    186 ({* #1941 *})    &amp;target_c_member_id=({$target_member.c_member_id})
    187 ({* #1941 *})    &amp;box=({$box})
    188 ({* #1941 *})    &amp;year=({$ym.next_year})
    189 ({* #1941 *})    &amp;month=({$ym.next_month})">
    190 ({* #1941 *})>
    191 ({* #1941 *})</a>
    192 ({* #1941 *})</span>
    193 ({* #1941 *})({/if})
    194 ({* #1941 *})({/strip})
    195 ({* #1941 *})
    196 ({* #1941 *})</td>
    197 ({* #1941 *})</tr>
    198 ({* #1941 *})</table>
    199 ({* #1941 *})<!-- ここまで:カレンダータイトル -->
    200 ({* #1941 *})({*ここまで:header*})
    201 ({* #1941 *})({*ここから:body*})
    202 ({* #1941 *})<!-- ここから:主内容 -->
    203 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:149px;margin:0px auto;">
    204 ({* #1941 *})({****************})
    205 ({* #1941 *})<tr>
    206 ({* #1941 *})<td style="width:149px;" class="bg_10" colspan="13"><img src="./skin/dummy.gif" alt="dummy" style="width:149px;height:1px;" class="dummy"></td>
    207 ({* #1941 *})</tr>
    208 ({* #1941 *})({****************})
    209 ({* #1941 *})<tr>
    210 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right"><span class="c_02 s_ss">日</span></td>
    211 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    212 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right">月</td>
    213 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    214 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right">火</td>
    215 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    216 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right">水</td>
    217 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    218 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right">木</td>
    219 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    220 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right">金</td>
    221 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    222 ({* #1941 *})<td class="bg_09 s_ss padding_ss" align="right"><span class="c_03 s_ss">土</span></td>
    223 ({* #1941 *})</tr>
    224 ({* #1941 *})({****************})
    225 ({* #1941 *})<tr>
    226 ({* #1941 *})<td style="width:149px;" class="bg_10" colspan="13"><img src="./skin/dummy.gif" alt="dummy" style="width:149px;height:1px;" class="dummy"></td>
    227 ({* #1941 *})</tr>
    228 ({* #1941 *})({****************})
    229 ({* #1941 *})({foreach from=$calendar item=week})
    230 ({* #1941 *})<tr>
    231 ({* #1941 *})({foreach from=$week item=item name="calendar_days"})
    232 ({* #1941 *})<td style="width:({if $smarty.foreach.calendar_days.iteration%7 == 0 || $smarty.foreach.calendar_days.iteration%7 == 1})21({else})20({/if})px;height:18px;" valign="middle" align="right" class="bg_02 s_ss padding_ss">
    233 ({* #1941 *})({if $item.day})
    234 ({* #1941 *})({if $item.is_message})
    235 ({* #1941 *})<a href="({t_url m=pc a=page_h_message_box})&amp;target_c_member_id=({$target_member.c_member_id})&amp;year=({$date_val.year})&amp;month=({$date_val.month})&amp;day=({$item.day})&amp;box=({$box})" class="s_ss">({$item.day})</a>
    236 ({* #1941 *})({else})
    237 ({* #1941 *})({$item.day})
    238 ({* #1941 *})({/if})
    239 ({* #1941 *})({else})
    240 ({* #1941 *})&nbsp;({/if})
    241 ({* #1941 *})</td>
    242 ({* #1941 *})({if $smarty.foreach.calendar_days.iteration%7 != 0})
    243 ({* #1941 *})<td style="width:1px;" class="bg_10"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    244 ({* #1941 *})({/if})
    245 ({* #1941 *})({/foreach})
    246 ({* #1941 *})</tr>
    247 ({* #1941 *})({****************})
    248 ({* #1941 *})<tr>
    249 ({* #1941 *})<td style="width:149px;" class="bg_10" colspan="13"><img src="./skin/dummy.gif" alt="dummy" style="width:149px;height:1px;" class="dummy"></td>
    250 ({* #1941 *})</tr>
    251 ({* #1941 *})({****************})
    252 ({* #1941 *})({/foreach})
    253 ({* #1941 *})</table>
    254 ({* #1941 *})<!-- ここまで:主内容 -->
    255 ({* #1941 *})({*ここまで:body*})
    256 ({* #1941 *})({*ここから:footer*})
    257 ({* #1941 *})<!-- 無し -->
    258 ({* #1941 *})({*ここまで:footer*})
    259 ({* #1941 *})<!-- *ここまで:カレンダー>>内容* -->
    260 ({* #1941 *})</td>
    261 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    262 ({* #1941 *})</tr>
    263 ({* #1941 *})<tr>
    264 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    265 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    266 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    267 ({* #1941 *})</tr>
    268 ({* #1941 *})</table>
    269 ({* #1941 *})<!-- ******ここまで:カレンダー****** -->
    270 ({* #1941 *})<!-- ****************************** -->
    271 ({* #1941 *})
    272 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    273 ({* #1941 *})({/if})
    274 ({* #1941 *})
    275 ({* #1941 *})({if $date_list})
    276 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    277 ({* #1941 *})<!-- ********************************** -->
    278 ({* #1941 *})<!-- ******ここから:各月のメッセージ一覧****** -->
    279 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:165px;margin:0px auto;" class="border_07">
    280 ({* #1941 *})<tr>
    281 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    282 ({* #1941 *})<td style="width:149px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    283 ({* #1941 *})<td style="width:7px;" class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    284 ({* #1941 *})</tr>
    285 ({* #1941 *})<tr>
    286 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    287 ({* #1941 *})<td class="bg_10" align="center">
    288 ({* #1941 *})<!-- *ここから:各月のメッセージ一覧>内容* -->
    289 ({* #1941 *})({*ここから:header*})
    290 ({* #1941 *})<!-- ここから:小タイトル -->
    291 ({* #1941 *})<table border="0" cellspacing="0" cellpadding="0" style="width:149px;" class="border_01">
    292 ({* #1941 *})<tr>
    293 ({* #1941 *})<td style="width:36px;" class="bg_06"><img src="({t_img_url_skin filename=content_header_1})" style="width:30px;height:20px;" class="dummy"></td>
    294 ({* #1941 *})<td style="width:111px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">各月のメッセージ</span></td>
    295 ({* #1941 *})</tr>
    296 ({* #1941 *})</table>
    297 ({* #1941 *})<!-- ここまで:小タイトル -->
    298 ({* #1941 *})({*ここまで:header*})
    299 ({* #1941 *})({*ここから:body*})
    300 ({* #1941 *})<!-- ここから:主内容 -->
    301 ({* #1941 *})<div align="left" class="bg_02 border_01 padding_ss">
    302 ({* #1941 *})({foreach from=$date_list item=date})
    303 ({* #1941 *})
    304 ({* #1941 *})<div><a href="({t_url m=pc a=page_h_message_box})&amp;box=({$box})&amp;year=({$date.year})&amp;month=({$date.month})&amp;box=({$box})"><img src="./skin/dummy.gif" alt="dummy" style="width:14px;height:14px;" class="icon icon_2">({$date.year})年({$date.month})月の一覧</a></div>
    305 ({* #1941 *})
    306 ({* #1941 *})({/foreach})
    307 ({* #1941 *})</div>
    308 ({* #1941 *})<!-- ここまで:主内容 -->
    309 ({* #1941 *})({*ここまで:body*})
    310 ({* #1941 *})({*ここから:footer*})
    311 ({* #1941 *})<!-- 無し -->
    312 ({* #1941 *})({*ここまで:footer*})
    313 ({* #1941 *})<!-- *ここまで:各月のメッセージ一覧>>内容* -->
    314 ({* #1941 *})</td>
    315 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    316 ({* #1941 *})</tr>
    317 ({* #1941 *})<tr>
    318 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    319 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    320 ({* #1941 *})<td class="bg_10"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    321 ({* #1941 *})</tr>
    322 ({* #1941 *})</table>
    323 ({* #1941 *})<!-- ******ここまで:各月のメッセージ一覧****** -->
    324 ({* #1941 *})<!-- ********************************** -->
    325 ({* #1941 *})
    326 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    327 ({* #1941 *})({/if})
    328 ({* #1941 *})
    329 ({* #1941 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    330 ({* #1941 *})
     70({* {{{ sideNav *})
     71<div class="parts sideNav">
     72
     73<div class="item pageNav"><ul>
     74({if $box != "inbox"})<li><a href="({t_url m=pc a=page_h_message_box})&amp;box=inbox">受信メッセージ</a></li>
     75({else})<li class="looking">受信メッセージ</li>
     76({/if})
     77({if $box != "outbox"})<li><a href="({t_url m=pc a=page_h_message_box})&amp;box=outbox">送信済みメッセージ</a></li>
     78({else})<li class="looking">送信済みメッセージ</li>
     79({/if})
     80({if $box != "savebox"})<li><a href="({t_url m=pc a=page_h_message_box})&amp;box=savebox">下書きメッセージ</a></li>
     81({else})<li class="looking">下書きメッセージ</li>
     82({/if})
     83({if $box != "trash"})<li><a href="({t_url m=pc a=page_h_message_box})&amp;box=trash">ごみ箱</a></li>
     84({else})<li class="looking">ごみ箱</li>
     85({/if})
     86</ul></div>
     87
     88({if $calendar})
     89<div class="item calendar">
     90<div class="partsHeading"><h3>
     91({if $ym.prev_month})<a href="({t_url m=pc a=page_h_message_box})&amp;target_c_member_id=({$target_member.c_member_id})&amp;box=({$box})&amp;year=({$ym.prev_year})&amp;month=({$ym.prev_month})"><</a>({/if})
     92({$date_val.month})月のカレンダー
     93({if $ym.next_month})<a href="({t_url m=pc a=page_h_message_box})&amp;target_c_member_id=({$target_member.c_member_id})&amp;box=({$box})&amp;year=({$ym.next_year})&amp;month=({$ym.next_month})">></a>({/if})
     94</h3></div>
     95<table class="calendar">
     96<tr>
     97<th class="sun">日</th>
     98<th class="mon">月</th>
     99<th class="tue">火</th>
     100<th class="wed">水</th>
     101<th class="thu">木</th>
     102<th class="fri">金</th>
     103<th class="sat">土</th>
     104</tr>({foreach from=$calendar item=week})<tr>
     105({foreach from=$week item=item name="calendar_days"})
     106<td>({strip})
     107({if $item.day})
     108({if $item.is_message})
     109<a href="({t_url m=pc a=page_h_message_box})&amp;target_c_member_id=({$target_member.c_member_id})&amp;year=({$date_val.year})&amp;month=({$date_val.month})&amp;day=({$item.day})&amp;box=({$box})" class="s_ss">({$item.day})</a>
     110({else})
     111({$item.day})
     112({/if})
     113({else})
     114({/if})
     115({/strip})</td>
     116({/foreach})
     117</tr>
     118({/foreach})
     119</table>
     120</div>
     121({/if})
     122
     123({if $date_list})
     124<div class="item monthlyMessage">
     125<div class="partsHeading"><h3>各月のメッセージ</h3></div>
     126<ul class="list">
     127({foreach from=$date_list item=date})
     128<li><a href="({t_url m=pc a=page_h_message_box})&amp;box=({$box})&amp;year=({$date.year})&amp;month=({$date.month})&amp;box=({$box})">({$date.year})年({$date.month})月の一覧</a></li>
     129({/foreach})
     130</ul>
     131</div>
     132({/if})
     133
     134</div>
     135({* }}} *})
    331136
    332137</div><!-- Left -->
Note: See TracChangeset for help on using the changeset viewer.