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

Version 5 (modified by kiwa, 11 years ago) (diff)

#2645,#2646 ちょっと修正

TOC(depth=2)?

OpenPNEカスタマイズ(ノート)

OpenPNE2.10で!MyNewsを使用する

入力フォームの作成

管理画面「テンプレート挿入」の「【PC版】 h_home 9」に以下を入力してください。

<!-- ***************************** -->
<!-- ******ここから:一言****** -->
<table border="0" cellspacing="0" cellpadding="0" style="width:438px;margin:0px auto;" class="border_07">
<tr>
<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:424px;height:7px;" class="dummy"></td>
<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
</tr>
<tr>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td class="bg_01" style="width:424px;">
<!-- ここから:主内容>>一言 -->
<div class="border_01">
<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
<tr>
<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>
<td style="width:100px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">My News!</span></td>
<td style="width:286px;" align="right" class="bg_06">&nbsp;</td>
</tr>
</table>
</div>
<div class="border_01">
<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
<tr>
<td style="width:36px;" class="bg_09"></td>
<td style="width:200px;padding:2px 0px;" class="bg_09"><span class="b_b c_00">({if $target_c_member.profile.PNE_MY_NEWS_DATETIME.value})({$target_c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新({/if}) </span></td>
<td style="width:186px;" align="right" class="bg_09">&nbsp;</td>
</tr>
</table>
</div>
<div class="border_01 bg_02 padding_s" align="left">

({$target_c_member.profile.PNE_MY_NEWS.value|nl2br|t_url2a})

</div>
<!-- ここまで:主内容>>一言 -->
</td>
<td class="bg_00"><img src="./skin/dummy.gif" alt=""></td>
</tr>
<tr>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:424px;height:7px;" class="dummy"></td>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
</tr>
</table>

<!-- ******ここまで:一言****** -->
<!-- ***************************** -->

<img src="./skin/dummy.gif" alt="" class="v_spacer_m">

表示部分の作成

管理画面「テンプレート挿入」の「【PC版】 f_home (h_prof) 7」に以下を入力してください。

<!-- ***************************** -->
<!-- ******ここから:一言****** -->
<table border="0" cellspacing="0" cellpadding="0" style="width:438px;margin:0px auto;" class="border_07">
<tr>
<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:424px;height:7px;" class="dummy"></td>
<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
</tr>
<tr>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td class="bg_01" style="width:424px;">
<!-- ここから:主内容>>一言 -->
<div class="border_01">
<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
<tr>
<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>
<td style="width:100px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">My News!</span></td>
<td style="width:286px;" align="right" class="bg_06">&nbsp;</td>
</tr>
</table>
</div>
<div class="border_01">
<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
<tr>
<td style="width:36px;" class="bg_09"></td>
<td style="width:200px;padding:2px 0px;" class="bg_09"><span class="b_b c_00">({if $target_c_member.profile.PNE_MY_NEWS_DATETIME.value})({$target_c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新({/if}) </span></td>
<td style="width:186px;" align="right" class="bg_09">&nbsp;</td>
</tr>
</table>
</div>
<div class="border_01 bg_02 padding_s" align="left">

({$target_c_member.profile.PNE_MY_NEWS.value|nl2br|t_url2a})

</div>
<!-- ここまで:主内容>>一言 -->
</td>
<td class="bg_00"><img src="./skin/dummy.gif" alt=""></td>
</tr>
<tr>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:424px;height:7px;" class="dummy"></td>
<td class="bg_00"><img src="./skin/dummy.gif" alt="" style="width:7px;height:7px;" class="dummy"></td>
</tr>
</table>

<!-- ******ここまで:一言****** -->
<!-- ***************************** -->

<img src="./skin/dummy.gif" alt="" class="v_spacer_m">

OpenPNE2.12以前でポイント・ランクをフレンドホームに表示させる

表示部分の作成

管理画面「テンプレート挿入」の「【PC版】 f_home (h_prof) 4」に以下を入力してください

({if ($rank.image_filename) || ($point)})
<img src="./skin/dummy.gif" class="v_spacer_m">
<div style="text-align:center">
({if $rank.image_filename)
<img src="({t_img_url filename=$rank.image_filename})" class="pict" alt="({$rank.name})" style="margin:2px"><br>
({/if})
({if $point})
({$point}) Point<br>
({/if})
</div>
<img src="./skin/dummy.gif" class="v_spacer_m">
({/if})