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

Changeset 5663


Ignore:
Timestamp:
Mar 12, 2008, 12:17:55 PM (12 years ago)
Author:
nakasone
Message:

#1948:c_topic_list.tpl の commentList(コメントリスト)のXHTML+CSS化をした。

File:
1 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE/branches/prj/xhtmlcss/OpenPNE/webapp/modules/pc/templates/c_topic_list.tpl

    r5499 r5663  
    11({* unknown *})({ext_include file="inc_header.tpl"})
    22({* unknown *})({ext_include file="inc_c_com_topic_find.tpl"})
    3 ({* unknown *})({ext_include file="inc_layoutcolumn_top_720px.tpl"})
    4 ({* unknown *})
     3<div id="Container">
     4<div id="LayoutC">
    55({* unknown *})({***************************})
    66({* unknown *})({**ここから:メインコンテンツ**})
     
    140140({* unknown *})
    141141({* unknown *})<!-- ******************************** -->
    142 ({* #1948 *})<!-- ******ここから:トピック一覧****** -->
    143 ({* #1948 *})<table border="0" cellspacing="0" cellpadding="0" style="width:650px;margin:0px auto;" class="border_07">
    144 ({* #1948 *})<tr>
    145 ({* #1948 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    146 ({* #1948 *})<td style="width:636px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    147 ({* #1948 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    148 ({* #1948 *})</tr>
    149 ({* #1948 *})<tr>
    150 ({* #1948 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    151 ({* #1948 *})<td class="bg_01" align="center">
    152 ({* #1948 *})<!-- *ここから:トピック一覧>内容* -->
    153 ({* #1948 *})({*ここから:header*})
    154 ({* #1948 *})<!-- ここから:小タイトル -->
    155 ({* #1948 *})<div class="border_01">
    156 ({* #1948 *})<table border="0" cellspacing="0" cellpadding="0" style="width:634px;">
    157 ({* #1948 *})<tr>
    158 ({* #1948 *})<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>
    159 ({* #1948 *})<td style="width:598px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">トピック一覧</span></td>
    160 ({* #1948 *})</tr>
    161 ({* #1948 *})</table>
    162 ({* #1948 *})</div>
    163 ({* #1948 *})<!-- ここまで:小タイトル -->
    164 ({* #1948 *})({*ここまで:header*})
    165 ({* #1948 *})({*ここから:body*})
    166 ({* #1948 *})<!-- ここから:主内容 -->
    167 ({* #1948 *})<!-- ここから:主内容>>表示件数切り替え -->
    168 ({* #1948 *})<table border="0" cellspacing="0" cellpadding="0" style="width:634px;">
    169 ({* #1948 *})({*********})
    170 ({* #1948 *})<tr>
    171 ({* #1948 *})<td style="width:634px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    172 ({* #1948 *})</tr>
    173 ({* #1948 *})({*********})
    174 ({* #1948 *})<tr>
    175 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    176 ({* #1948 *})<td style="width:330px;" class="bg_02" align="left">
    177 ({* #1948 *})<div class="padding_s">
    178 ({* #1948 *})最近書き込みがあったトピックから順に表示しています。<br>
    179 ({* #1948 *})<a href="({t_url m=pc a=page_c_event_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})">イベント一覧はこちら</a>
    180 ({* #1948 *})</div>
    181 ({* #1948 *})</td>
    182 ({* #1948 *})<td style="width:302px;" class="bg_02" align="right" valign="middle">
    183 ({* #1948 *})<div style="padding:4px 3px;">
    184 ({* #1948 *})
    185 ({* #1948 *})({if $is_prev})<a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=-1&amp;page=({$page})"><前を表示</a> ({/if})
    186 ({* #1948 *})&nbsp;&nbsp;({$start_num})件~({$end_num})件を表示&nbsp;&nbsp;
    187 ({* #1948 *})({if $is_next})<a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=1&amp;page=({$page})">次を表示></a>({/if})
    188 ({* #1948 *})
    189 ({* #1948 *})</div>
    190 ({* #1948 *})</td>
    191 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    192 ({* #1948 *})</tr>
    193 ({* #1948 *})({*********})
    194 ({* #1948 *})</table>
    195 ({* #1948 *})<!-- ここまで:主内容>>表示件数切り替え -->
    196 ({* #1948 *})<!-- ここから:主内容>>トピック内容 -->
    197 ({* #1948 *})<table border="0" cellspacing="0" cellpadding="0" style="width:634px;">
    198 ({* #1948 *})({*********})
    199 ({* #1948 *})<tr>
    200 ({* #1948 *})<td style="width:634px;" class="bg_01" align="center" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    201 ({* #1948 *})</tr>
    202 ({* #1948 *})({*********})
    203 ({* #1948 *})({foreach from=$c_topic_list item=item})
    204 ({* #1948 *})({*********})
    205 ({* #1948 *})<tr>
    206 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    207 ({* #1948 *})<td style="width:110px;" class="bg_05" align="center" valign="middle" rowspan="5">
    208 ({* #1948 *})
    209 ({* #1948 *})<div class="padding_s">
    210 ({* #1948 *})
    211 ({* #1948 *})({$item.r_datetime|date_format:"%m月%d日"})<br>({$item.r_datetime|date_format:"%H:%M"})
    212 ({* #1948 *})
    213 ({* #1948 *})</div>
    214 ({* #1948 *})
    215 ({* #1948 *})</td>
    216 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    217 ({* #1948 *})<td style="width:521px;" class="bg_02" align="left" valign="middle">
    218 ({* #1948 *})<div class="padding_s">
    219 ({* #1948 *})
    220 ({* #1948 *})&nbsp;<a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">({$item.name})</a>
    221 ({* #1948 *})
    222 ({* #1948 *})</div>
    223 ({* #1948 *})</td>
    224 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    225 ({* #1948 *})</tr>
    226 ({* #1948 *})({*********})
    227 ({* #1948 *})<tr>
    228 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    229 ({* #1948 *})<td style="width:523px;" class="bg_01" align="center" colspan="3"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    230 ({* #1948 *})</tr>
    231 ({* #1948 *})({*********})
    232 ({* #1948 *})<tr>
    233 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    234 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    235 ({* #1948 *})<td style="width:521px;" class="bg_02" align="left" valign="middle">
    236 ({* #1948 *})
    237 ({* #1948 *})({if $item.image_filename1 || $item.image_filename2 || $item.image_filename3})
    238 ({* #1948 *})<div class="padding_s">
    239 ({* #1948 *})({if $item.image_filename1})<span class="padding_s"><a href="({t_img_url filename=$item.image_filename1})" target="_blank"><img src="({t_img_url filename=$item.image_filename1 w=120 h=120})"></a></span>({/if})
    240 ({* #1948 *})({if $item.image_filename2})<span class="padding_s"><a href="({t_img_url filename=$item.image_filename2})" target="_blank"><img src="({t_img_url filename=$item.image_filename2 w=120 h=120})"></a></span>({/if})
    241 ({* #1948 *})({if $item.image_filename3})<span class="padding_s"><a href="({t_img_url filename=$item.image_filename3})" target="_blank"><img src="({t_img_url filename=$item.image_filename3 w=120 h=120})"></a></span>({/if})
    242 ({* #1948 *})</div>
    243 ({* #1948 *})({/if})
    244 ({* #1948 *})
    245 ({* #1948 *})<div class="padding_s lh_120">
    246 ({* #1948 *})({$item.body|t_truncate:48:"":3})
    247 ({* #1948 *})
    248 ({* #1948 *})</div>
    249 ({* #1948 *})
    250 ({* #1948 *})</td>
    251 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    252 ({* #1948 *})</tr>
    253 ({* #1948 *})({*********})
    254 ({* #1948 *})<tr>
    255 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    256 ({* #1948 *})<td style="width:523px;" class="bg_01" align="center" colspan="3"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    257 ({* #1948 *})</tr>
    258 ({* #1948 *})({*********})
    259 ({* #1948 *})<tr>
    260 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    261 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    262 ({* #1948 *})<td style="width:521px;" class="bg_02" align="left" valign="middle">
    263 ({* #1948 *})<div style="text-align:right;" class="padding_s lh_120">
    264 ({* #1948 *})
    265 ({* #1948 *})({if $item.is_c_topic_admin || $is_c_commu_admin})
    266 ({* #1948 *})({if ($c_commu.topic_authority == 'public')||($c_commu.topic_authority == 'admin_only' && $is_c_commu_admin)})
    267 ({* #1948 *})<a href="({t_url m=pc a=page_c_topic_edit})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">編集</a>&nbsp;
    268 ({* #1948 *})({/if})
    269 ({* #1948 *})({/if})
    270 ({* #1948 *})<a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">もっと見る(({$item.write_num}))</a>
    271 ({* #1948 *})
    272 ({* #1948 *})</div>
    273 ({* #1948 *})</td>
    274 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    275 ({* #1948 *})</tr>
    276 ({* #1948 *})({*********})
    277 ({* #1948 *})<tr>
    278 ({* #1948 *})<td style="width:634px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    279 ({* #1948 *})</tr>
    280 ({* #1948 *})({*********})
    281 ({* #1948 *})({/foreach})
    282 ({* #1948 *})</table>
    283 ({* #1948 *})<!-- ここまで:主内容>>トピック内容 -->
    284 ({* #1948 *})<!-- ここから:主内容>>表示件数切り替え -->
    285 ({* #1948 *})<table border="0" cellspacing="0" cellpadding="0" style="width:634px;">
    286 ({* #1948 *})({*********})
    287 ({* #1948 *})<tr>
    288 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    289 ({* #1948 *})<td style="width:632px;" class="bg_02" align="right" valign="middle">
    290 ({* #1948 *})<div style="padding:4px 3px;">
    291 ({* #1948 *})
    292 ({* #1948 *})({if $is_prev})<a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=-1&amp;page=({$page})"><前を表示</a> ({/if})
    293 ({* #1948 *})&nbsp;&nbsp;({$start_num})件~({$end_num})件を表示&nbsp;&nbsp;
    294 ({* #1948 *})({if $is_next})<a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=1&amp;page=({$page})">次を表示></a>({/if})
    295 ({* #1948 *})
    296 ({* #1948 *})</div>
    297 ({* #1948 *})</td>
    298 ({* #1948 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    299 ({* #1948 *})</tr>
    300 ({* #1948 *})({*********})
    301 ({* #1948 *})<tr>
    302 ({* #1948 *})<td style="width:634px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    303 ({* #1948 *})</tr>
    304 ({* #1948 *})({*********})
    305 ({* #1948 *})</table>
    306 ({* #1948 *})<!-- ここまで:主内容>>表示件数切り替え -->
    307 ({* #1948 *})<!-- ここまで:主内容 -->
    308 ({* #1948 *})({*ここまで:body*})
    309 ({* #1948 *})({*ここから:footer*})
    310 ({* #1948 *})<!-- 無し -->
    311 ({* #1948 *})({*ここまで:footer*})
    312 ({* #1948 *})<!-- *ここまで:トピック一覧>>内容* -->
    313 ({* #1948 *})</td>
    314 ({* #1948 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    315 ({* #1948 *})</tr>
    316 ({* #1948 *})<tr>
    317 ({* #1948 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    318 ({* #1948 *})<td style="width:636px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    319 ({* #1948 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    320 ({* #1948 *})</tr>
    321 ({* #1948 *})</table>
    322 ({* #1948 *})<!-- ******ここまで:トピック一覧****** -->
     142<!-- ******ここから:トピック一覧****** -->
     143<div class="dparts commentList"><div class="parts">
     144<div class="partsHeading"><h3>トピック一覧</h3></div>
     145<div class="pagerRelativeMulti"> 
     146<p>最近書き込みがあったトピックから順に表示しています。</p> 
     147<p><a href="({t_url m=pc a=page_c_event_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})">イベント一覧はこちら</a></p>
     148<div class="pager">
     149({if $is_prev})<p class="prev"><a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=-1&amp;page=({$page})"><前を表示</a></p>
     150({/if})
     151<p class="number">&nbsp;&nbsp;({$start_num})件~({$end_num})件を表示&nbsp;&nbsp;</p>
     152({if $is_next})<p class="next"><a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=1&amp;page=({$page})">次を表示></a></p>
     153({/if})
     154</div>
     155</div>
     156
     157({foreach from=$c_topic_list item=item})
     158<dl>
     159<dt>({$item.r_datetime|date_format:"%m月%d日"})<br />({$item.r_datetime|date_format:"%H:%M"})</dt>
     160<dd>
     161<div class="header">
     162<p>({$item.number})
     163&nbsp;<a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">({$item.name})</a>
     164</p>
     165</div>
     166<div class="body">
     167<ul class="photo">
     168<li>({if $item.image_filename1})<a href="({t_img_url filename=$item.image_filename1})" target="_blank"><img src="({t_img_url filename=$item.image_filename1 w=120 h=120})"></a>({/if})</li>
     169<li>({if $item.image_filename2})<a href="({t_img_url filename=$item.image_filename2})" target="_blank"><img src="({t_img_url filename=$item.image_filename2 w=120 h=120})"></a>({/if})</li>
     170<li>({if $item.image_filename3})<a href="({t_img_url filename=$item.image_filename3})" target="_blank"><img src="({t_img_url filename=$item.image_filename3 w=120 h=120})"></a>({/if})</li>
     171</ul>
     172<p class="text">({$item.body|t_truncate:48:"":3})</p>
     173</div>
     174<div class="footer">
     175({if $item.is_c_topic_admin || $is_c_commu_admin})
     176({if ($c_commu.topic_authority == 'public')||($c_commu.topic_authority == 'admin_only' && $is_c_commu_admin)})
     177<p><a href="({t_url m=pc a=page_c_topic_edit})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">編集</a>&nbsp;
     178({/if})
     179({/if})
     180 | <a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})">もっと見る(({$item.write_num}))</a></p>
     181</div>
     182</dd>
     183</dl>
     184({/foreach})
     185
     186<div class="pagerRelative">
     187({if $is_prev})<p class="prev"><a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=-1&amp;page=({$page})"><前を表示</a></p>
     188({/if})
     189<p class="number">&nbsp;&nbsp;({$start_num})件~({$end_num})件を表示&nbsp;&nbsp;</p>
     190({if $is_next})<p class="next"><a href="({t_url m=pc a=page_c_topic_list})&amp;target_c_commu_id=({$c_commu.c_commu_id})&amp;direc=1&amp;page=({$page})">次を表示></a></p>
     191({/if})
     192</div>
     193</div>
     194</div>
     195<!-- ******ここまで:トピック一覧****** -->
    323196({* unknown *})<!-- ******************************** -->
    324197({* unknown *})
     
    332205({* unknown *})({**ここまで:メインコンテンツ**})
    333206({* unknown *})({***************************})
    334 ({* unknown *})({ext_include file="inc_layoutcolumn_bottom_270px_165px_175px_720px.tpl"})
     207</div>
     208</div>
    335209({* unknown *})({ext_include file="inc_footer.tpl"})
Note: See TracChangeset for help on using the changeset viewer.