カーソルを乗せると画像が変わる-ロールオーバー

2007/05/23
いつもクリックしてくれてありがとう。 何度か来てくれている人にはお馴染みのこれ↓ですが、初めて見る人はボタンにカーソルを乗せてみてね。 マウスを乗せると画像が変わるでしょう? ロールオーバーと言います。 クリックしてくれる人にお礼が言いたくて、「ありがとう」の言葉が出るようにしました。 ボタンとして機能しますので、クリックすると、人気ブログランキングへ飛びます。クリックしてみてね。 ロールオーバーにするIMGタグは、次のように書きます。 ..

続きを読む

「お気に入りに追加」ボタン(3) デザインのアレンジ

2007/03/10
お気に入りのボタンの続きです。 ボタンを設置できたら、自分のサイト・ブログに合わせてアレンジしたくなってくるかもしれませんね。 そこで今日取り上げるのは、ボタンのデザインを変える方法です。 今回は本文が長いです。 覚悟のうえで、続きをどーぞ。   ■ペルソナ流ボタンの場合 「お気に入りに追加」ボタン(1) で紹介したPERSONA@BLOGの「お気に入り登録ボタン」の場合は、スクリプトにスタイルシートも組み込まれているので、ボタンの背景色・線・文字色..

続きを読む

「お気に入りに追加」ボタン(2)

2006/11/26
「お気に入りに追加」ボタンに関する補足です。 ボタンの周りにはスペースが開いてしまうんです。 このブログの場合は、下のほうに設置したので、そのスペースが目立たないと思いますけど…。 ブラウザが自動的に<FORM>タグの前後に空白行を挿入するのが原因だそうです。 あなたのせいじゃないの。ブラウザのせいなんです。 (最初、自分が余計なタグやスペースを入れたんじゃないかと悩んだ経験がありますよ、私…^_^;) 前回とは違う、シンプルなHTMLで説..

続きを読む

もっと見る