Ads By Google
クリックバナー(ポチボタン)
の作り方?
ポチボタンはどのように設置するのでしょうか?どこにも方法が記載されていないのですが・・。
どな方お教え下さいm(_ _)m
2006-06-19 01:40の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(1)
1.
2006-06-19 03:38:48

↓プチボタンとはこーいう事でしょうか。
<a href="リンク先"><img src="ボタン画像"></a>
フォーム部品のボタンを画像にする場合は↓です。
<input type="image" src="ボタン画像">
↓こーいうのは出来そうですがどちらも無理です。
<input type="button" src="ボタン画像">
<button><img src="ボタン画像"></button>
↓しかし、スタイルシートを使えばOKです。(幅160px高さ30pxの画像を使用した例です)
<input type="button" style="width:160px;height:30px;background:URL(ボタン画像);">
<button style="width:160px;height:30px;background:URL(ボタン画像);"></button>
背景画像だけ用意してボタン文字は個別にテキストで指定したい場合、スタイルシートの例がオススメです。
<button style="width:160px;height:30px;background:URL(ボタン画像);">ボタン文字</button>
クリック時のイベント指定は、<a>タグならリンク先にジャンプですが、フォーム部品を単体で使う場合はjavascriptを使用します。
ライブドアへジャンプ
<input type="button" src="ボタン画像" onClick="location.href=' ;
ジャンプ先を新規ウインドウで表示
<input type="button" src="ボタン画像" onClick="window.open(' ;
オマケ↓こんなのもありです。
<form name="form1" action=" ;
<input type="button" src="ボタン画像" onClick="document.form1.submit();">
</form>
と、回答になっていましたでしょうか。
<a href="リンク先"><img src="ボタン画像"></a>
フォーム部品のボタンを画像にする場合は↓です。
<input type="image" src="ボタン画像">
↓こーいうのは出来そうですがどちらも無理です。
<input type="button" src="ボタン画像">
<button><img src="ボタン画像"></button>
↓しかし、スタイルシートを使えばOKです。(幅160px高さ30pxの画像を使用した例です)
<input type="button" style="width:160px;height:30px;background:URL(ボタン画像);">
<button style="width:160px;height:30px;background:URL(ボタン画像);"></button>
背景画像だけ用意してボタン文字は個別にテキストで指定したい場合、スタイルシートの例がオススメです。
<button style="width:160px;height:30px;background:URL(ボタン画像);">ボタン文字</button>
クリック時のイベント指定は、<a>タグならリンク先にジャンプですが、フォーム部品を単体で使う場合はjavascriptを使用します。
ライブドアへジャンプ
<input type="button" src="ボタン画像" onClick="location.href=' ;
ジャンプ先を新規ウインドウで表示
<input type="button" src="ボタン画像" onClick="window.open(' ;
オマケ↓こんなのもありです。
<form name="form1" action=" ;
<input type="button" src="ボタン画像" onClick="document.form1.submit();">
</form>
と、回答になっていましたでしょうか。
回答レベル : 回答
ご返事遅れましてすみませんでしたm(_ _)m
解決でき現在使用しています
ありがとうございました
Ads By Google
コメント
まだコメントがありません




