エクスクラメーションやクエスチョンのボタン

　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　

---

[2006/05/18 23:03] [素材]ボタン・アイコン | TB(0) | CM(3)

画像を使わないリンクボタンを先日紹介致しましたが、今回は同じ要領でメール送信ボタンとお気に入りに追加ボタンをご紹介します。

使い方、変更箇所などは画像を使わないリンクボタンと同じように行なって下さい。
（全てURLを書いたり、色や文字の大きさなどを入力するだけです）

【メール送信ボタン】
【サンプル】


↓以下のタグをコピペすると最初はこんな風に表示されます。
　各箇所を好みにあわせて調整してください。

<input style="width:ボタンの横幅px;height:ボタンの縦幅px;font-size:文字の大きさ;background-color:#背景色;color:#文字色;border-style:solid;border-color:#枠線の色;border-width:枠線の太さ;"type="button" value="ボタンの名前" onClick="location.href='mailto:送信先メールアドレス'">

【お気に入りに追加ボタン】
【サンプル】


↓以下のタグをコピペすると最初はこんな風に表示されます。
　各箇所を好みにあわせて調整してください。

<input style="width:ボタンの横幅px;height:ボタンの縦幅px;font-size:文字の大きさ;background-color:#背景色;color:#文字色;border-style:solid;border-color:#枠線の色;border-width:枠線の太さ;"type="button" value="ボタンの名前" onClick="javascript:window.external.addFavorite('ホームページURL','サイト名')">

---

[2006/05/08 11:25] [素材]ボタン・アイコン | TB(0) | CM(1)

画像を使わずかわいいリンクボタンを設置してみましょう。
【使い方】
１　下記テキストエリア内のタグをコピーして、使いたい場所にペースト。
２　必要に応じてそれぞれの部分を調整する。

【サンプル】
　　

　　

こんな感じで色々カスタマイズできます（・ｗ・

タグと変更部分の解説はこちら↓
*とりあえず下記をコピペするとこんな感じになります。

<input style="width:ボタンの横幅px;height:ボタンの縦幅px;font-size:文字の大きさ;background-color:#背景色;color:#文字色;border-style:solid;border-color:#枠線の色;border-width:枠線の太さ;"type="button" value="ボタンの名前" onClick="window.open('リンク先URL')">　

タグを見ると変更箇所がわかるようになっています。
それぞれの場所を自分の好みに調整してゆきましょう。
サンプルのタグも参考までに記載しておきます。
【参考】
<input style="width:120px;height:19px;font-size:12;background-color:#ffffff;color:#008800;border-style:solid;border-color:#008800;border-width:2;"type="button" value="ブログの素材屋さん" onClick="window.open('http://nanakumo.blog44.fc2.com/')">

これを利用し、記事内にランキングボタンとして、また、フリーエリアにオリジナルボタンを使ったリンク集を作ったりと色々活用できると思います（＾＾

---

[2006/05/07 07:18] [素材]ボタン・アイコン | TB(0) | CM(5)