MyNewsの2.12用テンプレートをつくる

[imamura623]

!MyNewsのテンプレートも2.12用のものを作成する。

■タスク

!MyNewsのパーツを作るために必要なCSSと、必要なテンプレートをチケットに提示

■前提

• xhtml_style.phpは使用せず、管理画面からカスタムCSSでCSSを変更する
• テンプレートファイルの変更は行わず、テンプレート挿入からテンプレートを変更する

■パーツ

h_home

サンプルHTML→20080528_mynews_h.html​

f_home

サンプルHTML→20080527_mynews_f.html​

[kiwa]

サンプル画像h_home

[kiwa]

サンプル画像f_home

[kiwa]

サンプルHTML(h_home)

[kiwa]

サンプルHTML（f_home）

[kiwa]

Descriptionに情報をまとめました。あとは誰かに頼んだ。

[nakasone]

やります。

[nakasone]

カスタムCSS

.myNews div.block { padding: 5px; }

.myNews div.block textarea { 
width: 320px;
height: 50px;
vertical-align: middle;
}

.myNews div.block input { 
height: 50px; 
vertical-align: middle; 
}

.myNews div.block p {
text-align:left; 
padding:0px 5px 0px 5px;"
}

入力フォームのテンプレート（h_home）

<div class="dparts myNews"><div class="parts">
<div class="partsHeading"><h3>My News!</h3></div>
<div class="partsInfo">
<p>({if $c_member.profile.PNE_MY_NEWS_DATETIME.value})({$c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新({/if})</p>
</div>
<form action="./" method="post">
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="do_h_home_update_my_news" />
<input type="hidden" name="sessid" value="({$PHPSESSID})" />
<div class="block">
<textarea name="prof_my_news">({$c_member.profile.PNE_MY_NEWS.value})</textarea>
<input type="submit" value=" 変 更 " />
</div>
</form>
</div></div>

表示部分のテンプレート（f_home）

({if $target_c_member.profile.PNE_MY_NEWS_DATETIME.value})

<div class="dparts myNews"><div class="parts">
<div class="partsHeading"><h3>My News!</h3></div>
<div class="partsInfo">
<p>({$target_c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新</p>
</div>
<div class="block">
<p>
({$target_c_member.profile.PNE_MY_NEWS.value|nl2br|t_url2a})
</p>
</div>
</div></div>

[kiwa]

以下の対応をお願いします。

カスタムCSS

padding:0px 5px 0px 5px;"

の末尾の「"」は余計ではないでしょうか

h_home

HTMLの文法エラーがあります。

<textarea name="prof_my_news"></textarea>

にcolsとrowsが指定されていません。

f_home

最後の({/if})が抜けています。

[kiwa]

なおします

[kiwa]

修正しました

css

.myNews div.block { padding: 5px; }

.myNews div.block textarea { 
width: 320px;
height: 50px;
vertical-align: middle;
}

.myNews div.block input { 
height: 50px; 
vertical-align: middle; 
}

.myNews div.block p {
text-align:left; 
padding:0px 5px 0px 5px;
}

h_home(【PC版】 h_home 9)

<div class="dparts myNews"><div class="parts">
<div class="partsHeading"><h3>My News!</h3></div>
<div class="partsInfo">
<p>({if $c_member.profile.PNE_MY_NEWS_DATETIME.value})({$c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新({/if})</p>
</div>
<form action="./" method="post">
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="do_h_home_update_my_news" />
<input type="hidden" name="sessid" value="({$PHPSESSID})" />
<div class="block">
<textarea name="prof_my_news" cols="50" rows="2">({$c_member.profile.PNE_MY_NEWS.value})</textarea>
<input type="submit" value=" 変 更 " />
</div>
</form>
</div></div>

f_home(【PC版】 f_home (h_prof) 7)

({if $target_c_member.profile.PNE_MY_NEWS_DATETIME.value})
<div class="dparts myNews"><div class="parts">
<div class="partsHeading"><h3>My News!</h3></div>
<div class="partsInfo">
<p>({$target_c_member.profile.PNE_MY_NEWS_DATETIME.value|date_format:"%m/%d %H:%M"}) 更新</p>
</div>
<div class="block">
<p>
({$target_c_member.profile.PNE_MY_NEWS.value|nl2br|t_url2a})
</p>
</div>
</div></div>
({/if})

表示確認ブラウザ

• !FireFox1.5
• !FireFox2.0
• !FireFox3.0
• !InternetExplorer6
• !InternetExplorer7
• Safari3.1
• Opera9.5

[ogawa]

wiki:pne-customize に記載しています。