コメントでの絵文字・装飾機能
まず現在登録しているテンプレートのへの追加方法です。
という箇所を<form method="post" action="./">
と変更します。(コメントの投稿欄と編集欄の2箇所あります。)<form method="post" action="./" name="comment_form">
次に、コメント投稿欄の
という箇所を<li>語。 <textarea id="leavecomment" cols="48" rows="6" name="comment[body]"></textarea></li>
のように変更します。※赤字の●の箇所は自分のサーバ番号に変更してください。<li>語。 <textarea id="comment" cols="48" rows="6" name="comment[body]"></textarea></li>
<li>飾。<script type="text/javascript" src="http://blog●.fc2.com/load.js"></script></li>
同じくコメント編集欄の
という箇所を<li>語。 <textarea id="leavecomment" cols="48" rows="6" name="comment[body]"><%edit_body></textarea></li>
のように変更してください。<li>語。 <textarea id="comment" cols="48" rows="6" name="comment[body]"><%edit_body></textarea></li>
<li>飾。<script type="text/javascript" src="http://blog●.fc2.com/load.js"></script></li>
また、絵文字の間隔などが気になる場合はスタイルシートのコメント投稿あたりに
を追加して下さい。/*コメント内の絵文字*/
.tb_text img {
border: none;
margin: 0px;
padding: 0px 2px;
float:none;
}
これで完了です!
次に、投稿欄が<ul>で始まっていないテンプレートをお使いの方へ...
(登録初期のモノでダウンロードしなおしていない方に何点かあると思います。)
コメント投稿欄の
という箇所を<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
題。 <input type="text" name="comment[title]" size="36" maxlength="30"><br>
名。 <input id="name" type="text" name="comment[name]" size="36" value="<%cookie_name>"><br>
宛。 <input id="mail" type="text" name="comment[mail]" size="36" value="<%cookie_mail>"><br>
頁。 <input id="url" type="text" name="comment[url]" size="36" value="http://" value="<%cookie_url>"><br>
語。 <textarea id="leavecomment" cols="38" rows="6" name="comment[body]"></textarea><br>
暗証。 <input id="pass" type="password" name="comment[pass]" size="8"><br>
秘密。 <input id="himitu" type="checkbox" name="comment[himitu]"> 管理者のみ表示。<br>
<input type="submit" value="送信"><br>
</form>
のように変更します。<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<ul>
<li>題。 <input type="text" name="comment[title]" size="36" maxlength="30"></li>
<li>名。 <input id="name" type="text" name="comment[name]" size="36" value="<%cookie_name>"></li>
<li>頁。 <input id="url" type="text" name="comment[url]" size="36" value="<%cookie_url>"></li>
<li>宛。 <input id="mail" type="text" name="comment[mail]" size="36" value="<%cookie_mail>"></li>
<li>語。 <textarea id="comment" cols="48" rows="6" name="comment[body]"></textarea></li>
<li>飾。<script type="text/javascript" src="http://blog●.fc2.com/load.js"></script></li>
<li>暗証。 <input id="pass" type="password" name="comment[pass]" size="8"></li>
<li>秘密。 <input id="himitu" type="checkbox" name="comment[himitu]"> 管理者のみ表示。</li>
<li><input type="submit" value="送信"></li>
</ul>
</form>
同じくコメント編集欄の
と言う箇所を<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
題。 <input type="text" name="comment[title]" size="36" maxlength="30"><br>
名。 <input id="name" type="text" name="comment[name]" size="36" value="<%cookie_name>"><br>
宛。 <input id="mail" type="text" name="comment[mail]" size="36" value="<%cookie_mail>"><br>
頁。 <input id="url" type="text" name="comment[url]" size="36" value="http://" value="<%cookie_url>"><br>
語。 <textarea id="leavecomment" cols="48" rows="6" name="comment[body]"><%edit_body></textarea><br>
暗証。 <input id="pass" type="password" name="comment[pass]" size="8"><br>
秘密。 <input id="himitu" type="checkbox" name="comment[himitu]"> 管理者のみ表示。<br>
<input type="submit" value="送信"><br>
</form>
のように変更します。<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<ul>
<li>題。 <input type="text" name="comment[title]" size="36" maxlength="30"></li>
<li>名。 <input id="name" type="text" name="comment[name]" size="36" value="<%cookie_name>"></li>
<li>頁。 <input id="url" type="text" name="comment[url]" size="36" value="<%cookie_url>"></li>
<li>宛。 <input id="mail" type="text" name="comment[mail]" size="36" value="<%cookie_mail>"></li>
<li>語。 <textarea id="comment" cols="48" rows="6" name="comment[body]"><%edit_body></textarea></li>
<li>飾。<script type="text/javascript" src="http://blog●.fc2.com/load.js"></script></li>
<li>暗証。 <input id="pass" type="password" name="comment[pass]" size="8"></li>
<li>秘密。 <input id="himitu" type="checkbox" name="comment[himitu]"> 管理者のみ表示。</li>
<li><input type="submit" value="送信"></li>
</ul>
</form>
そして、スタイルシートのコメント投稿あたりに
を追加していただいたら完了です!お疲れ様でした(・_・)(._.).entry_form ul {
margin: 0px;
list-style-type: none;
}
.entry_form li{
margin-bottom: 5px;
}
/*コメント内の絵文字*/
.tb_text img {
border: none;
margin: 0px;
padding: 0px 2px;
float:none;
}
そのうち登録分も変更しますのでお急ぎでない方はしばらくお待ち下さいませ。
(お盆明けになります。)









コメント装飾テスト
打ち消し打ち消し打ち消し色付き色付き色付きここから編集テスト