FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

コメント入力欄に初期値を設定する

コメント入力欄に初期値を設定する方法を紹介します。

HTMLのコメントを入力するテキストエリア<textarea>に、以下の赤い箇所を加えてください。

～
<textarea id="comment" cols="50" rows="8" name="comment[body]" onfocus="if (this.value == '語句を入力') this.value = '';" onblur="if (this.value == '') this.value = '語句を入力';">語句を入力</textarea><br />
～

「語句を入力」の部分はお好きな文言に変えてください。

関連記事

[ 2009/10/01 23:38 ] カスタマイズ共通カスタマイズ | TB(0) | CM(18)

≪ プラグイン３のレイアウト (lightframe) | HOME | FC2ブログ拍手の位置を変更 ≫

[ 6335 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2009/10/03 13:39 ] [ 編集 ]

[ 6367 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2009/10/05 13:14 ] [ 編集 ]

[ 6368 ]

いきなり申し訳ありませんが
ブログのタイトル画像の上にFC2カウンターを置いてある画像がありますよね
あれのやり方を教えてもらえないでしょうか?

[ 2009/10/05 18:25 ] [ 編集 ]

[ 6370 ] > rackさん

理解が悪く申しわけありません。それが実際に見れる参考となるサイトを教えてください。

[ 2009/10/05 23:17 ] [ 編集 ]

[ 6381 ]

http://pspq.blog106.fc2.com/
↑のサイトの右上にカウンターがありますよね…
そのようなことです。

説明文が分かりにくくて申し訳御座いません。

[ 2009/10/06 19:32 ] [ 編集 ]

[ 6384 ] > rackさん

HTMLに以下のような箇所があるはずです。


<div id="header_outline">
<div id="header_body">

この下にカウンタのスクリプトを入れてみてください。

[ 2009/10/07 00:35 ] [ 編集 ]

[ 6388 ]

追記の書き方ではなくて、なんというか
いたおさんのブログのhttp://10plate.blog44.fc2.com/
[FC2ブログ拍手の位置を変更]という記事の下に、
【続きを読む】と表示されていますよね。
それはどうやったらできるのでしょうか?
何度も何度もすみません。

[ 2009/10/07 13:55 ] [ 編集 ]

[ 6390 ] ▼Gachadaikoさん

記事を書く画面で「追記の編集」部分に書けばいいです。

【FC2ブログマニュアル】
http://fc2blogmanual.blog60.fc2.com/blog-entry-25.html#a3

[ 2009/10/07 18:32 ] [ 編集 ]

[ 6397 ] > Gachadaikoさん、ちゃんさん

> Gachadaikoさん
ちゃんさんが教えてくれたページを参考にしてください。「追記の編集」に何か書けば、「続きを読む」が自動的に表示されます。

> ちゃんさん
いつもありがとうございます＾＾

[ 2009/10/08 00:47 ] [ 編集 ]

[ 6412 ]

ご迷惑かけてすみませんでした;;
いたおさんと、ちゃんさん、
いつもご丁寧な対応ありがとうございます。
もう一度トライしてみます。

[ 2009/10/09 07:20 ] [ 編集 ]

[ 6460 ]

こんばんは、はじめまして。

他の人のテンプレートを使っているのですが、
今回ブログをカスタマイズするにあたりこのブログを参考にさせていただきました。

一つ質問です。
いたおさんのブログ（つまりここ）の検索ボックスですが、初期には何も入力されておらず、
一旦カーソルを置いた後、何も入力せずに他の場所をクリックすると表示されるのですが、
この記事のと全く同じものではなくこのブログだけの仕様なのでしょうか？

ちなみにブラウザはIE8、Firefox3.5です。

もしバグなら報告せねばと思いコメントさせていただきました(^^ゞ

[ 2009/10/13 01:16 ] [ 編集 ]

[ 6464 ] > ISLULさん

私の検索ボックスはこの記事とは関係なく仕様です。バグではありません。
お気遣いありがとうございます＾＾

[ 2009/10/13 20:44 ] [ 編集 ]

[ 8397 ] 検索フォームに流用可能？

この仕様を検索フォームにも適用したいのですが、できますでしょうか？

気長にお待ちいたしますので、お時間のある時にお答えいただければ幸いです。

[ 2010/02/14 11:58 ] [ 編集 ]

[ 8398 ] 自己解決？

自己解決いたしました
ただ、正しくできているか自信があまりありません^^;
以下、メニューバーの検索フォームのHTMLです。


<li class="menu_bar_end"><form action="./" method="get">
<input type="text" name="q" value="検索フォーム" maxlength="200" class="msearch" onfocus="if (this.value == '検索フォーム') this.value = ''; " onblur="if (this.value == '') this.value = '検索フォーム';"/>
<input type="submit" value=" 検索 " />
</form></li>


あってますでしょうか？

[ 2010/02/14 12:46 ] [ 編集 ]

[ 8405 ]

>>縁風呂さん
<li class="menu_bar_end">と</li> はいらないと思います。
あとは、たぶん大丈夫…。

[ 2010/02/14 18:41 ] [ 編集 ]

[ 8409 ]

>>tskillさん
複数のご返答ありがとうございます。とても助かります。

<li class="menu_bar_end">はメニューバーの右端に検索フォームを設置するため
【横メニューバーを幅一杯に表示する】
http://10plate.blog44.fc2.com/blog-entry-178.html
の"一番右の最後の区切り線"を消す方法から

</li> は
【メニューバーに検索フォームを表示】
http://10plate.blog44.fc2.com/blog-entry-244.html
からのコピペなのですが、消した方がよろしいでしょうか？

[ 2010/02/14 20:50 ] [ 編集 ]

[ 8410 ]

>>緑風呂さん
メニューバーに設置するものでしたか…。
勘違いしてました。それでしたら、そのままでいいです。
すみません m(_ _)m

[ 2010/02/14 20:56 ] [ 編集 ]

[ 8412 ]

>>tskillさん
とんでもないです。こちらこそ紛らわしい質問で申し訳ないです。
いろいろお教えいただき本当に感謝しております。
またよろしくご指導くださいませ。

[ 2010/02/14 21:16 ] [ 編集 ]

コメントの投稿