[ブログデザインのカスタマイズ記録] メッセージボード上の画像ボタンをロールオーバーするついでに
いろんなblogを斜め読みしているうちに見つけた自動ペタ対策っていうのを私もちょっと考えてまして。
blogを読みもせずに「ブログ記事から」ペタができるのだから、
それを逆手にとってPCで普通にblogを見てペタする場合は「ブログ記事から」にならないようにして、
むしろ自動じゃないと「ブログ記事から」にはならないような細工を.....、
というのは一週間前にメモした内容ですが、
それとは全然別の、メッセージボードに作った画像ボタンをロールオーバーするにはどうすればいいか、
っていうのを考えていたとき、
そこには強制的にclassなんたらをブッコめるらしく、
自分で勝手に決めたclassなんたらを使ってcss編集でa:hoverうんたらを設定すればいいのが理解って、
実際そういう風なことを試したりもしていると、
だとすれば無表示の状態でリンク先のURLだけ指定されている状態にもできるんじゃないかと思って、
とりあえずプラグイン、フリースペース、メッセージボードを書き換えてみた。
さて、何が一番効果があるか、それともまったく効果がないのか。
.....というのは何かしら新しい内容でblogを更新しないと理解んないのでとりあえず試してみます。
どうせ試すのだからアフィリエイターを煽ってみたりホストラブとか心にもないことを書いてみたり、
痩せているのに痩せたいとか、出会っているのに出会いを求めてみるとか、
そういうNGワードを混ぜてみるといいのかもしれない。
効果がからきしなかったとしてもパッと見でそういうのは消せるので全然OKですし。
ちなみに、メッセージボード上で画像をロールオーバーさせるには、
メッセージボードのタグに
<div class="A"><a class="B" title="(てきとうに)" href="(画像ボタンのリンク先)" target="_self"><img src="dummy" /></a></div>
といった感じのことを入れて、CSSには
.A a.B img{visibility:hidden;width:???px;height:???px;
}
.A a.B{background-image:url("通常画像のURL");
}
.A a.B:hover{
background-image:url("カーソル置いたとき表示する画像のURL");
}
を加える感じ。
Bのようなものがないと改行してしまうので、そうならないようにするのがなかなか理解らなかった。
難しいです。
X∞