FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
検索フォームの検索ボタンを画像にする
公式プラグイン「検索フォーム」の検索ボタンを画像にするカスタマイズを紹介します。
プラグイン「検索フォーム」のHTMLを編集します。
青い箇所を削除し、赤い箇所を加えてください。
これで検索ボタンを画像にすることが出来ます。
プラグイン「検索フォーム」の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>
これで検索ボタンを画像にすることが出来ます。
≪ 横カレンダーの今日「当日」のスタイルを変えて装飾する | HOME | 共有プラグイン 「今日の日付入りカレンダー」 ≫
[ 6323 ]
やや上の方に画像が表示されてしますのですがどうすれば位置を変更出来ますか？
[ 2009/10/02 08:15 ]
[ 編集 ]
[ 6329 ] > ZEROさん
赤い部分を加えてみてください。
<input type="image" src="画像URL" alt="検索" style="padding-top:5px">
それとFirefoxで見ると崩れています。もう少し検索幅を狭くするなどしたほうが良さそうです。
<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="送信" />
～
<!--▲コメント投稿▲-->
<!--▼コメント投稿▼-->
～
<input type="submit" value="送信" />
～
<!--▲コメント投稿▲-->
[ 2009/10/11 22:27 ]
[ 編集 ]
コメントの投稿
トラックバック
≪ 横カレンダーの今日「当日」のスタイルを変えて装飾する | HOME | 共有プラグイン 「今日の日付入りカレンダー」 ≫
ブログ内検索1
サイトマップ
カテゴリ
お薦め カスタマイズ
【共通】
- ブログのサイトマップ
- 背景に画像を使う
- 背景画像をランダムに変える
- タイトル画像をランダムに変える
- 画像をランダムに変える
- 続きを閉じるの使い方
- 一部の文字やリンクの色を変える
- カレンダーの更新日を目立たせる
- プラグインカテゴリ３を常に表示
- 記事文末に広告等を挿入する
- 別枠リンク集の作り方
- 記事タイトル前にアイコン
- プラグインタイトル前にアイコン
- ブログタイトル下に横カレンダー
- 記事を左カラムに表示する
- 記事の日付を消す
- 新着記事に新着表示を付ける
- 便利なトラックバックURL表示
- 記事の行間を変える
【lightframe】
【standard】
- サイトの幅を変える
- 文字の大きさを変える
- 色を変える
- リンクのスタイルを変える
- もう一つのリンク集の作成
- タイトルを画像にする
- ヘッダー背景を画像にする
- タイトルを中央に配置する
- 記事を枠で囲む
- トップのみ３、他２カラム
【スマホ用】
プロフィール
Author:いたお
更新は非常にマイペースです
現在休止中です
当サイトはリンクフリーです。
いたおの他の運営サイト
いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます
先生達
RSSフィード
カレンダー
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー
サイト外タグ検索
iPhoneアプリも作ってます
記事別最近のコメント
- 05/21 のぶ
- 05/09 sakurai
- 05/05 だいきゅ
- 05/02 たにもっさん
- 05/02 sakurai
- 05/02 sakurai
- 05/01 たにもっさん
- 05/01 sakurai
- 04/30 たにもっさん
- 04/30 たぬき
- 04/29 sakurai
- 04/29 ひろ
- 04/29 たにもっさん
- 04/29 たにもっさん
- 04/29 たぬき
- 04/28 sakurai
- 04/28 たにもっさん
- 04/28 たにもっさん
- 04/26 sakurai
- 04/24 たにもっさん
- 04/22 sakurai
- 04/22 AAA
- 04/22 通りすがり
- 04/22 zz
- 04/22 たにもっさん
- 04/22 AAA
- 04/17
- 04/17 Theresa Sullivan
- 04/15
- 04/14 sakurai
最近のトラックバック
- ギルゲエム:コメントを含めた検索を出来るようにしました (03/29)
- 納豆帝国のtemplate改悪履歴:コメントにアイキャッチ（キャラアイコン）をつける (11/23)
- まとめwoネタ速neo:まとめtyaiました【タイトルを画像にする (10plate_sp_white)】 (05/02)
- まとめwoネタ速neo:まとめtyaiました【スマホ用テンプレート「10plate_sp_white」の修正】 (05/02)
- ブログ作成探偵事務局:トップページに最新記事を表示させないようにする（FC2） (04/08)
- まとめwoネタ速suru:まとめteみた.【トップページのみ３カラム、他を２カラムにする。(lightframe)】 (04/02)
- まとめwoネタ速suru:まとめteみた.【一時休止のお知らせ】 (03/30)
- 南加州空即是色:模様替え (03/01)
- 神々の領域（ｷﾘｯ:メニューバー (02/25)
- 実践レポート★アフィリエイトの足跡★:ブログのカスタマイズ (11/25)