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

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

検索フォームの検索ボタンを画像にする

公式プラグイン「検索フォーム」の検索ボタンを画像にするカスタマイズを紹介します。

プラグイン「検索フォーム」のHTMLを編集します。
青い箇所を削除し、赤い箇所を加えてください。

<div id="test_css">
<form action="./" method="get">
<p class="plugin-search" &align>
<input type="text" size="20" name="q" value="" maxlength="200" /><br />
<input type="submit" value=" 検索 " /><br />
<input type="image" src="画像URL" alt="検索">
</p>
</form>
</div>


これで検索ボタンを画像にすることが出来ます。
関連記事
[ 6323 ]
やや上の方に画像が表示されてしますのですがどうすれば位置を変更出来ますか?
[ 2009/10/02 08:15 ] [ 編集 ]
[ 6324 ]
すみません。横メニューバーの検索ボタンを変更していました。
それでやや上の方に表示されます。
[ 2009/10/02 08:18 ] [ 編集 ]
[ 6329 ] > ZEROさん
赤い部分を加えてみてください。

<input type="image" src="画像URL" alt="検索" style="padding-top:5px">

それとFirefoxで見ると崩れています。もう少し検索幅を狭くするなどしたほうが良さそうです。
[ 2009/10/03 00:27 ] [ 編集 ]
[ 6431 ]
検索ボタンではないのですが
コメントを書いて相手に送るときに押す「送信」ボタンを画像にしたいのですが
どのようにすればいいでしょうか
[ 2009/10/11 11:01 ] [ 編集 ]
[ 6436 ] > [6431]の名無しさん
HTMLの以下の箇所を修正してください。

<!--▼コメント投稿▼-->

<input type="submit" value="送信" />

<!--▲コメント投稿▲-->
[ 2009/10/11 22:27 ] [ 編集 ]
[ 8864 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/10/05 15:14 ] [ 編集 ]
[ 8865 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/10/06 15:48 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ユーザータグ


△ ページトップへ戻る