*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Template › カスタマイズ › ct_responsive のカスタマイズ(コメント装飾・絵文字)
2018-12-20 (Thu) 23:58

ct_responsive のカスタマイズ(コメント装飾・絵文字)

テンプレート『ct_responsive』をご利用頂き、誠に有難うございます。
他のテンプレートには付けていたのですが、若干 表示完了が早くなるとの事で『ct_responsive』には付けていなかった、コメントの投稿・編集欄に文字装飾・絵文字挿入機能を付けてみます。

文字装飾バー
これ ↑ です。
文字入力の際にクリックすると

絵文字画面
こんな風に ↑ 開きます。

先ず、テンプレートのHTML編集枠を半分程スクロールした所に
<div class="form-right">
という部分が有りますので、その下に
<script type="text/javascript" src="<%template_comment_js>"></script><br>
と入れて下さい。

更に3/5程スクロールした所に
<div class="form">
という部分が有りますので、その下に
<script type="text/javascript" src="<%template_comment_js>"></script><br>
を同じように追加して下さい。

これで装飾バーが表示されるのですが、表示位置が上にちょっと詰まってしまうため
スタイルシート編集枠を1/3少し上くらいまでスクロールした所に
/* 3カラム+ベース部分 */ (若しくは2カラム+ベース部分になっている)
という部分が有るので、その上に
#tools_container{
margin-top:10px;
}

を追加して下さい。あとは『更新』ボタンを押して完了。

作業自体は簡単ですが、不具合が有った時のために、テンプレートの複製を作っておくと尚安心です。(^-^)

Comment







管理者にだけ表示を許可