ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > タグのお勉強 > title - ボタンを画像にする

ボタンを画像にする

ボタンを画像にする方法

ボタンを画像にして、フリー素材を使えばどんなボタンにでもする事ができるので、色や線をかえてもいまいち納得いくボタンがつくれなかった人でもお気に入りのボタンがつくれるのではないでしょうか?



<INPUT TYPE="submit" VALUE="ボタン">
普通のボタンはこの様な形をしてますよね。


<input type="image" src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060620015640.gif" alt="送信ボタン">
・まずTYPE="submit"をtype="image"に書き換えます。
・そしてVALUE="ボタンを削除して、変わりにsrc="http://~~~.gif"を書き加えます。画像のファイル名はいつもの様にファイルのアップロードからボタンに使う画像をアップして下さい。
・最後にalt="名前"を書き加えます。これは画像の上にマウスのカーソルをもっていくと表示される名前です。画像が表示されないブラウザには代わりにこの文字が表示されるので、必ず記入して下さい。

画像ボタンの横に文字


メールはこちらにどうぞ

<input type="image" src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060620023440.gif" alt="メール" align="middle">

画像のボタンをつくってさらにalt="名前"の後にalign="middle"を書き加えます。そうすれば画像ボタンの横に文字を書くことができます。(このタグは横に一行しか表示させることができません)

表示例

上部に表示

align="top" ・・・画像の横の上部に文字を表示する事ができます。

中央に表示

align="middle" ・・・画像の横の中央に文字を表示する事ができます。

下部に表示

align="bottom" ・・・画像の横の下部に文字を表示する事ができます。

align="left"を使えば
何行でも表示させる
事ができます。


buttonator.com

buttonator.com
buttonator.comでは簡単にこのようなボタンを作る事ができるのでおすすめです。
使い方は右側のスタイルで形を決めてプレビューのボタンをクリックして中の文字を書き換えます。あとは文字の大きさや色を自分好みに変えてダウンロードを押せば保存できます。


関連ページ)
お気に入りボタンをつくる
ボタンの大きさや文字を変える
ボタンの枠や背景色を変える
・ボタンを画像にする


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/357-22126fbd   

Template Designed by DW99