exblogでロールオーバー

exblog某所で、うっかり、「カーソルでさわると絵が変わるタグとか、紹介します」とカキコして。

書いたあとで、自ブログでテストする。(←書く前にしろ>自分)

タグは、こんな感じ。ブラウザの「戻る」で戻ってきてくださいw

exblogの投稿窓に入力、「送信」したとたん
「onMouseover=はセキュリティー上使用できません」
で、ケられる。  orz

exblogじゃ、使えない! ダメじゃん!!

で。少し、いぢになりました。↓いちお、、「カーソルでさわると画像が変わる」ふう。
Click!






じつは、本文のタグじゃなくて、CSSのなかに仕込んでます。

a.img-a{
display:block;
margin:0;
text-decoration: none;
background-repeat:no-repeat;
width:205px;
font-family:'times new roman';
font-weight:bold;
}
a.img-a:link{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c0.jpg);}
a.img-a:visited{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c0.jpg);}
a.img-a:hover{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c2.jpg);}
a.img-a:active{ background-image :
url(http://homepage3.nifty.com/gaia/sozai/c2.jpg);}

この指定を、<a class="img-a" href="…">Click!</a>で呼び出しているわけです。

display:block;指定してるので、表示の上では、「1行とる」感じ。
自分でいうのもなんだが、かなり邪道。


2007/9/1追記
順番が違いました。
link, visited, active, hover
ではなくて、
link, visited, hover, active
が正しいようです。


あと、常識だと思って</a>を書き漏らしていたので、追加しました。

……これで、、どうでしょう???

正直、どういうトラブルが出ているのか把握しきれていないのですが。。。


2008/10/12
別解があるみたい。あとでじっくり調べる、かも。
http://bucmac.exblog.jp/4301974/
[PR]
by as-o2 | 2006-01-19 12:57 | eXciteBlog-HowTo | Comments(2)
Commented by kuromyon at 2007-09-01 07:50
エキサイト掲示板でアドバイスを教えてくださって
ありがとうございます!
やってみたのだけど、CSSの知識がなくて、またHELPです・・・(T_T
そのとおりにやってみたら、「おおっ!」と、できたのですが、
なぜか、マウスをのせると、変わる絵が2枚になってるのです。

画像のURLの部分、上から
1枚目画像
1枚目画像
1枚目画像
2枚目画像

でよろしいのですね?(質問の仕方が素人ですみませんっっ

あと、記事枠の下へはみ出して表示されなかったりしたのだけど、
投稿記事で改行を減らしたら、なんとか記事枠へおさまったのだけど、
その画像部分の下に文章を入力すると、画像の上に重なって
しまっているようです・・・(T_T
Commented by as-o2 at 2007-09-01 21:15
記事中にお返事を追記しました。